這里設(shè)置的是id,可以實(shí)現(xiàn),但如果是幾個(gè)盒子中的信息都想要實(shí)現(xiàn)滾動(dòng),這是由于id唯一,只能設(shè)置class,那么如果把js設(shè)為?var area = document.getElementsByClassName(“text”');但實(shí)現(xiàn)不了,請問如何解決?<div class="info"> <div class="info-left"> <div class="up"> <div class="title">軟件</div> <div class="text"> <ul> <li><a href="#">1.學(xué)會(huì)html5 絕對的屌絲逆襲(案例)</a></li> <li><a href="#">2.tab頁面切換效果(案例)</a></li> <li><a href="#">3.圓角水晶按鈕制作(案例)</a></li> <li><a href="#">4.HTML+CSS基礎(chǔ)課程(系列)</a></li> <li><a href="#">5.分頁頁碼制作(案例)</a></li> <li><a href="#">6.導(dǎo)航條菜單的制作(案例)</a></li> <li><a href="#">7.信息列表制作(案例)</a></li> <li><a href="#">8.下拉菜單制作(案例)</a></li> <li><a href="#">9.如何實(shí)現(xiàn)“新手引導(dǎo)”效果</a></li> </ul> </div> </div> <div class="down"> <div class="title">面試</div> <div class="text"></div> </div> </div> <div class="info-right"> <div class="up"> <div class="title">軟件</div> <div class="text"> <ul> <li><a href="#">1.學(xué)會(huì)html5 絕對的屌絲逆襲(案例)</a></li> <li><a href="#">2.tab頁面切換效果(案例)</a></li> <li><a href="#">3.圓角水晶按鈕制作(案例)</a></li> <li><a href="#">4.HTML+CSS基礎(chǔ)課程(系列)</a></li> <li><a href="#">5.分頁頁碼制作(案例)</a></li> <li><a href="#">6.導(dǎo)航條菜單的制作(案例)</a></li> <li><a href="#">7.信息列表制作(案例)</a></li> <li><a href="#">8.下拉菜單制作(案例)</a></li> <li><a href="#">9.如何實(shí)現(xiàn)“新手引導(dǎo)”效果</a></li> </ul> </div> </div> <div class="down"> <div class="title">面試</div> <div class="text"></div> </div> </div> </div>js: <script type="text/javascript">?var area = document.getElementByClassName('text');?var iliHeight = 24;//單行滾動(dòng)的高度?var speed = 50;//滾動(dòng)的速度?var time;?var delay= 2000;?area.scrollTop=0;?area.innerHTML+=area.innerHTML;//克隆一份一樣的內(nèi)容?function startScroll(){ time=setInterval("scrollUp()",speed); area.scrollTop++; }?function scrollUp(){ if(area.scrollTop % iliHeight==0){ clearInterval(time); setTimeout(startScroll,delay); }else{ area.scrollTop++; if(area.scrollTop >= area.scrollHeight/2){ area.scrollTop =0; } } } setTimeout(startScroll,delay)?</script>
如果有幾個(gè)盒子都要設(shè)置信息滾動(dòng),可以設(shè)置相同的class名,js怎么獲???
Haogjin
2016-08-01 11:19:28