Moving text (Marquee)_Experience exchange

Marquee tag is used to scroll text within the available browsing area. This tag only applies to IE3 and later versions of the browser.
Format:
MARQUEE ALIGN="…"
BEHAVIOR="…"
BGCOLOR="…"
DIRECTION="…" "
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
GN: used to press the button Align scrolling text to a specified value. The values ​​that can be set for ALIGN are: LEFT, CENTER, RIGHT, TOP, and BOTTOM. This property is not required.
Example:
This scrolling text is set to top alignment Let the browser process text according to the set method. If the method is set to SLIDE, the text moves onto the document and stays in the margins. If set to ALTERNATE, the text moves from side to side. If set to SCROLL, the text will scroll repeatedly on the page. This attribute is not required. The values ​​that can be set are: SILIDE, ALTERNATE, SCROLL.
Example:
Text moves from one side to the other The background color can be set in RGB, hexadecimal value format or color name.
Example:
The hex value sets the background color of the scrolling text to red
　Uses RGB to set the background color of the scrolling text to red MARQUEE>
　 DIRECTION: Used to set the direction of text scrolling. The values ​​that can be set are: LEFT, RIGHT. This property is not required.
Example:
🎜>　
HEIGHT: Used to set the height of the rolling subtitles. The height can be expressed in pixels or as a percentage of the visible page. This property is not required.
Example:
The height is 12 pixels.
This property is not required.
Example:
The width is 200 pixels.
This property is not required.
Example:
, empty space is expressed in pixels. This property is not required.
Example:
. When the value of LOOP is "INFINITE" or "-1", the text will scroll indefinitely. This property is not required.
Example:

　
　SCROLLAMOUNT: used to set the interval behind each continuous scrolling text, the interval is expressed in pixels. This property is not required.
Example:
interval time in milliseconds. This property is not required.
Example:
Used to set the mouse to continue scrolling when it moves out of the area
ONMOUSEOVER=this.stop(): Used to set the mouse to stop scrolling when it moves into the area
Javascript implements continuous scrolling

<div id="demo" style="overflow:hidden;height :200px;width :95px;background-color:white;color:#ffffff; border-width :1px 1px 1px 1px;border-style :dotted dotted dotted dotted;border-color :black black black black;" align="center"> <div id="demo1"> <!-- 定义图片 --> <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Moving text (Marquee)_Experience exchange" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Moving text (Marquee)_Experience exchange" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Moving text (Marquee)_Experience exchange" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Moving text (Marquee)_Experience exchange" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Moving text (Marquee)_Experience exchange" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Moving text (Marquee)_Experience exchange" ><img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Moving text (Marquee)_Experience exchange" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Moving text (Marquee)_Experience exchange" > </div> <div id="demo2"></div> </div>
[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]Classic Forum Message scrolling

[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

<style type="text/css"> a {text-decoration: none;} </style>
[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

Copy code The code is as follows:

var marqueeContent=new Array();
marqueeContent[0]='刷新列表';
    CALL online_users
    sql = "SELECT O.userName,U.realName FROM TBL_ONLINE O left join TBL_USER U on O.userName=U.userName ORDER BY O.loginTime DESC"
    Set rs = conn.execute(sql)
    If NOT (rs.eof AND rs.bof) Then
        count=1
        do while not rs.eof
%>
marqueeContent[]='">';
            count=count+1
        loop
    End If
    rs.close
    set rs=nothing
    conn.close
    set conn=nothing
%>

<script language="JavaScript" defer> //code by windy_sk <windy_sk@126.com> 20040127 var obj_marquee = document.getElementById("marquee"); var marquee_spd = 4000; var step_c = 0; function marquee_init() { var obj_unit = obj_marquee.firstChild; var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight); for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true)); return; } function marquee_show() { var marquee_high = parseInt(obj_marquee.style.height); var step = marquee_high/10; if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) { obj_marquee.scrollTop = 0; marquee_show(); return; } obj_marquee.scrollTop += step; if(step_c++ < 9) setTimeout("marquee_show()", 50); return; } marquee_init(); setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd); </script> <table style="border:1px black solid;"><tr><td> <div id="marquee" style="overflow:hidden;height:60px;width:210px;border:0px;padding:0px;"> <div style="border:0px;padding:0px"> <!-- Marquee Body Head --> <div style="height:60px;width:210px;font-size:12px"> <a href="http://www.kdt.cn/kdt/introduce.php"><img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" border="0" style="max-width:90%" alt="Moving text (Marquee)_Experience exchange" ></a> 这个是广告~~~~~~~~~ </div> <div style="height:60px;width:210px;font-size:12px"> <a href="http://www.idc2008.com/index5.htm"><img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/idc2008/208X33.gif?x-oss-process=image/resize,p_40" class="lazy" border="0" style="max-width:90%" alt="Moving text (Marquee)_Experience exchange" ></a> 这个也是广告~~~~~~~~~~~~~~~~ </div> <div style="height:60px;width:210px;font-size:12px"> <a href="http://www.qycity.com/"><img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/qycity/blueidea.gif?x-oss-process=image/resize,p_40" class="lazy" border="0" style="max-width:90%" alt="Moving text (Marquee)_Experience exchange" ></a> 这个怎么还是广告？？？？？？ </div> <div style="height:60px;width:210px;font-size:12px"> <a href="http://bbs.blueidea.com/profile-username-windy2000.html"><img src="" border="0" alt="Moving text (Marquee)_Experience exchange" > Windy2000</a> 也给自己做个广告~~~~~~~~~~ </div> <!-- Marquee Body Bottom --> </div> </div> </td></tr></table>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

<script language="JavaScript" defer> //qswh's original and modifid by windy_sk <windy_sk@126.com> 20040120 function reportError(msg,url,line) { var str = "You have found an error as below: \n\n"; str += "Err: " + msg + " on line: " + line; alert(str); return true; } window.onerror = reportError; var obj_marquee = document.getElementById("marquee"); var repeat = null; var marquee_spd = 50; function marquee_init() { var obj_unit = obj_marquee.firstChild; var marquee_high = parseInt(obj_marquee.style.height); var marquee_wide = parseInt(obj_marquee.style.width); var unit_high = obj_unit.offsetHeight; var unit_wide = obj_unit.offsetWidth; var m = 0, n = 0, i = 0; var tmp = null; m = Math.ceil(marquee_wide / unit_wide); n = Math.ceil(marquee_high / unit_high); obj_unit.style.width = marquee_wide * (m+1); obj_unit.rows[0].cells[0].style.width = obj_marquee.style.width; for(i=0; i<m; i++) { tmp = obj_unit.rows[0].insertCell(-1); tmp.innerHTML = obj_unit.rows[0].cells[0].innerHTML; tmp.style.width = marquee_wide; tmp = null; } for(i=0; i<n; i++) { obj_marquee.appendChild(obj_unit.cloneNode(true)); } return; } function marquee_show(direction) { switch(direction) { case "up": if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) { obj_marquee.scrollTop -= obj_marquee.firstChild.offsetHeight; } else { obj_marquee.scrollTop++; } break; case "down": if(obj_marquee.scrollTop <= 0) { obj_marquee.scrollTop += obj_marquee.firstChild.offsetHeight; } else { obj_marquee.scrollTop--; } break; case "left": if(obj_marquee.scrollLeft >= obj_marquee.firstChild.rows[0].cells[0].offsetWidth) { obj_marquee.scrollLeft -= obj_marquee.firstChild.rows[0].cells[0].offsetWidth; } else { obj_marquee.scrollLeft++; } break; case "right": if(obj_marquee.scrollLeft <= 0) { obj_marquee.scrollLeft += obj_marquee.firstChild.rows[0].cells[0].offsetWidth; } else { obj_marquee.scrollLeft--; } break; default: break; } return; } function marquee_doit() { var direction = ""; direction = obj_marquee.getAttribute("direction"); if(direction != null) marquee_show(direction); direction = obj_marquee.getAttribute("direction2"); if(direction != null) marquee_show(direction); return; } marquee_init(); repeat = setInterval("marquee_doit()",marquee_spd); marquee.onmouseover = function() {clearInterval(repeat);} marquee.onmouseout = function() {repeat=setInterval("marquee_doit()",marquee_spd);} </script> <table style="border:1px black solid;"><tr><td> <div id="marquee" direction="up" style="overflow:hidden;height:200px;width:250px"> <table style="border:0px;padding:0px;"><tr><td> <!-- Marquee Body Head --> <a href="#" target="_blank">经典论坛</a> <a href="#" target="_blank">163.com</a> <a href="#" target="_blank">21cn.com</a> <a href="#" target="_blank">Happy new year</a> <!-- Marquee Body Bottom --> </td></tr></table> </div> </td></tr></table>Direction1: <input type="button" value="↑" onclick="obj_marquee.direction='up'"> <input type="button" value="↓" onclick="obj_marquee.direction='down'"> <input type="button" value="←" onclick="obj_marquee.direction='left'"> <input type="button" value="→" onclick="obj_marquee.direction='right'"> <input type="button" value=" X " onclick="obj_marquee.direction=''"> Direction2: <input type="button" value="↑" onclick="obj_marquee.direction2='up'"> <input type="button" value="↓" onclick="obj_marquee.direction2='down'"> <input type="button" value="←" onclick="obj_marquee.direction2='left'"> <input type="button" value="→" onclick="obj_marquee.direction2='right'"> <input type="button" value=" X " onclick="obj_marquee.direction2=''">
[Ctrl+A to select all Note: If you need to introduce external Js, you need to refresh it to execute ]