æ ç¼æ»å¨æ¯ä½¿ç¨JSå®ç°çï¼å
¶åçå¾ç®åå°è¦æ»å¨çDivå¹³éºå¨ç¶Divä¸ï¼ä½¿ç¨JSæ§å¶ç¶DIvçæ»å¨ Object.scrollLeft(åå·¦) = Object.scrollLeft+æ»å¨è·ç¦»ä¸å®çæ¶é´é´éæ»å¨ä¸æ¬¡å½æ»å¨è·ç¦» = è¦æ»å¨DIvç大å°çæ¶é´ï¼è®©ç¶Divç Object.scrollLeftåå¤å°0ï¼å¼å§æ°ä¸è½®çæ»å¨ï¼è¿æ ·å°±å®ç°çæ ç¼æ»å¨ï¼ä¾ä¸åçååºå®ä¾ï¼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>æ æ é¢ææ¡£</title><style type="text/css">
<!--
#marquee {
height: 120px;
width: 480px;
overflow: hidden;
}
#marquee .mi {
font-size: 12px;
width: 250px;
height: 110px;
border: 5px solid #666666;
margin-right: 10px;
margin-left: 10px;
}-->
</style>
<script type="text/javascript">
var marqueeInterval;
var cw,ch,mBody;
function marquee(){
try{
var A = arguments[0];
var O = document.getElementById(arguments[0])
var direction = arguments[1];
var delay = parseInt(arguments[2]);
var amount = parseInt(arguments[3]);
var isFirist = arguments[4];
var dw = O.offsetWidth
var dh = O.offsetHeight;
if(direction == "left" || direction == "right"){
clearInterval(marqueeInterval);
if(isFirist == true){
var mChild = document.all ? O.childNodes[0] : O.getElementsByTagName("div")[0];
cw = mChild.scrollWidth;
ch = mChild.scrollHeight;
//cw = document.all ? mChild.scrollWidth : mChild.clientWidth;
//ch = document.all ? mChild.scrollHeight : mChild.clientHeight;
mBody = mChild.innerHTML;
O.innerHTML = "";
var childNum = parseInt(dw/cw)+2;
var htmlString = "<table border=\"0\" width="+(childNum*cw)+" cellpadding=\"0\" cellspacing=\"0\"><tr>";
for(i = 0 ; i < childNum ; i++){
htmlString += "<td width=\""+cw+"\" height=\""+ch+"\"><div style=\"width:"+cw+"px height:"+ch+"px \">"+mBody+"</div></td>";
}
htmlString += "</tr></table>";
O.innerHTML = htmlString;
isFirist = false;
}
if(parseInt(O.scrollLeft) < parseInt(cw)){
O.scrollLeft = O.scrollLeft+amount;
}else{
O.scrollLeft = 0;
}
marqueeInterval = setInterval(function(){marquee(A,direction,delay,amount,isFirist)},delay)
}
}catch(e){
if (e.number == -2146827864)
alert("æªéæ©è¦æ»å¨çDIV")
else{
alert(e.description)
}
}
}
window.onload = function(){
marquee("marquee","left",50,1,true)
}
</script>
</head><body>
<div id="marquee" >
<div style="width: 240px;height: 18px;"><div class="mi">大家好ï¼ææ¯éªé³ï¼è¿æ¯ä¸ä¸ªæ ç¼æ»å¨ææ</div></div>
</div>
<marquee direction="left" scrolldelay="10" scrollamount="1" width="480">大家好ï¼ææ¯éªé³ï¼è¿æ¯marqueeçæ»å¨ææ</marquee>
</body>
</html>
ç±äºæ¶é´é®é¢ï¼æåªç»ä½ åä¸åå·¦æ»å¨ææä½æè¿æ¯å»ºè®®ä½ ä¸è¦ä½¿ç¨JSæ§å¶çæ ç¼æ»å¨ï¼å 为å¨WEBä¸setIntervalåsetTimeouté½æ¯å¾èå
åçè¿æ ·å°±ä¼éä½ä½ ç页é¢æ§è¡é度å¦æä½ å®å¨è¦ç¨æ»å¨ææçè¯ï¼å¯ä»¥èèç¨Flash代æ¿