JavaScript æ§å¶Marqueeæ ç¼æ»å¨çåçï¼é¦å
æå
容å¤å¶ä¸ºä¸¤ä»½åè¿æ¥èµ·æ¥ï¼ç¶åæ§å¶æ»å°ä¸åçæ¶ä¾¯ä»å¤´å¼å§ï¼çèµ·æ¥å°±æ¯æ ç¼çãä¸é¢æ¯ä¸ä¸ªä¾åï¼ç¾åº¦ä¸å¯ä»¥æ索许å¤ï¼è¿æ¯ææç´¢ç第ä¸ä¸ªï¼ä½æ¯ææµè¯æ£ç¡®ï¼ï¼
<div id="marquees"> <!-- è¿äºæ¯åå¹çå
容ï¼ä½ å¯ä»¥ä»»æå®ä¹ --> <a href="
http://www.31u.net">é¾æ¥1</a>
<br> <a href="#">é¾æ¥2</a>
<br> <a href="#">é¾æ¥3</a>
<br> <a href="#">é¾æ¥4</a>
<br> <!-- åå¹å
容ç»æ -->
</div>
<!-- 以ä¸æ¯javascript代ç -->
<script language="javascript">
<!--
marqueesHeight=200; //å
容åºé«åº¦
stopscroll=false; //è¿ä¸ªåéæ§å¶æ¯å¦åæ¢æ»å¨
with(marquees){
noWrap=true; //è¿å¥è¡¨å
容åºä¸èªå¨æ¢è¡
style.width=0; //äºæ¯æ们å¯ä»¥å°å®ç宽度设为0ï¼å 为å®ä¼è¢«æ大
style.height=marqueesHeight;
style.overflowY="hidden"; //æ»å¨æ¡ä¸å¯è§
onmouseover=new Function("stopscroll=true"); //é¼ æ ç»è¿ï¼åæ¢æ»å¨
onmouseout=new Function("stopscroll=false"); //é¼ æ 离å¼ï¼å¼å§æ»å¨
}
//è¿æ¶åï¼å
容åºçé«åº¦æ¯æ æ³è¯»åäºãä¸é¢è¾åºä¸ä¸ªä¸å¯è§çå±"templayer"ï¼ç¨åå°å
容å¤å¶å°éé¢ï¼
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //åå§åæ»å¨å
容
//å¤æ¬¡å¤å¶åå
容å°"templayer"ï¼ç´å°"templayer"çé«åº¦å¤§äºå
容åºé«åº¦ï¼
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //æ"templayer"çå
容çâ两åâå¤å¶ååå
容åºï¼
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置è¿ç»è¶
æ¶ï¼è°ç¨"scrollUp()"å½æ°é©±å¨æ»å¨æ¡ï¼
setInterval("scrollUp()",20);
}
document.body.onload=init;
preTop=0; //è¿ä¸ªåéç¨äºå¤ææ»å¨æ¡æ¯å¦å·²ç»å°äºå°½å¤´
function scrollUp(){ //æ»å¨æ¡ç驱å¨å½æ°
if(stopscroll==true) return; //å¦æåé"stopscroll"为çï¼ååæ¢æ»å¨
preTop=marquees.scrollTop; //è®°å½æ»å¨åçæ»å¨æ¡ä½ç½®
marquees.scrollTop+=1; //æ»å¨æ¡åä¸ç§»å¨ä¸ä¸ªåç´
//å¦ææ»å¨æ¡ä¸å¨äºï¼ååä¸æ»å¨å°åå½åç»é¢ä¸æ ·çä½ç½®
//å½ç¶ä¸ä»
å¦æ¤ï¼åæ ·è¿è¦åä¸æ»å¨ä¸ä¸ªåç´ (+1)ï¼
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
</script>