dfgfg fdgdf fdggg dfg sdfsdf
滚动新闻的javascript函数只要定义一下数组 marqueeContent[]的值就可以了,我是读的后台数据库里的“推荐Blog”,你可以根椐自己的需要作相应修改,另外还要修改一下滚动的速度marqueeDelay和高度marqueeHeight以适应你的网页。先把js贴出来,可把以下代码另存为HTM文档直接看效果! <script> var marqueeContent=new Array(); //你只需要改下面这一部分 marqueeContent[0]="第一条新闻→"; marqueeContent[1]="第二条新闻→"; marqueeContent[2]="第三条新闻→"; marqueeContent[3]="第四条新闻→"; //下面的内容不只需要改 marqueeDelay 和 marqueeHeight的值!别的请不要改动 var marqueeInterval=new Array(); var marqueeId=0; var marqueeDelay=5000; //设置滚动的速度,值越大速度越慢 var marqueeHeight=15; //设置一条新闻的高度,一般你的字体越大,此值越大。 function initMarquee() { var str=marqueeContent[0]; document.write('<div id="marqueeBox" style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>'); marqueeId++; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } initMarquee();</script> .msgcontent .wsharing ul li { text-indent: 0; } 分享 Facebook Plurk YAHOO!
yahoo facebook google msn