課程
/前端開發
/JavaScript
/信息滾動效果制作
這個腳本不可以用window.onload,也就是不能放頭部,只能放下放,不然就是報錯,說對象未定義。。。。
2014-09-12
源自:信息滾動效果制作 2-2
正在回答
<script> ? ?window.onload=function(){ ? ? ? ?var area=document.getElementById("moocBox"); ? ? ? ?var con1=document.getElementById("con1"); ? ? ? ?var con2=document.getElementById("con2"); ? ? ? ?con2.innerHTML=con1.innerHTML; ? ? ? ?area.scrollTop=0; ? ? ? ?setInterval("scroll()",50); ? ? ? ?function scrool(){ ? ? ? ? ? ?if(area.scrollTop>=con1.offsetHeight) ? ? ? ? ? ?{area.scrollTop=0;} ? ? ? ? ? ?else{area.scrollTop++} ? ? ? ?} ? ?}</script>
這樣子就是不對的了 ?但是這樣又是對的 ?是為什么啊????
<script>? ?window.onload=function(){? ? ? ?var area=document.getElementById("moocBox");? ? ? ?var con1=document.getElementById("con1");? ? ? ?var con2=document.getElementById("con2");? ? ? ?con2.innerHTML=con1.innerHTML;? ? ? ?area.scrollTop=0;? ? ? ?setInterval(
?????????function scrool(){? ? ? ? ? ?if(area.scrollTop>=con1.offsetHeight)? ? ? ? ? ?{area.scrollTop=0;}? ? ? ? ? ?else{area.scrollTop++}? ? ? ?}
,50);? ? ??? ?}</script>
蛋黃醬
<div?class="infoBox"> <h3?class="boxTitle">最新課程<a?href="#"?target="_self">更多>></a></h3> <div?class="infowrap"?id="infowrap"> <ul?class="origin"?id="origin"> <li><a?href="#">1.學會html5?絕對的屌絲逆襲(案例)</a><span>2013-09-18</span></li> <li><a?href="#">2.tab頁面切換效果(案例)</a><span>2013-10-09</span></li> ???????<li><a?href="#">3.圓角水晶按鈕制作(案例)</a><span>2013-10-21</span></li> ???????<li><a?href="#">4.HTML+CSS基礎課程(系列)</a><span>2013-11-01</span></li> ???????<li><a?href="#">5.分頁頁碼制作(案例)</a><span>2013-11-06</span></li> ???????<li><a?href="#">6.導航條菜單的制作(案例)</a><span>2013-11-08</span></li> ???????<li><a?href="#">7.信息列表制作(案例)</a><span>2013-11-15</span></li> ???????<li><a?href="#">8.下拉菜單制作(案例)</a><span>2013-11-22</span></li> ???????<li><a?href="#">9.如何實現“新手引導”效果</a><span>2013-12-06</span></li> </ul> </div> </div>
<script?type="text/javascript"> $(function(){ //?設置信息包裹盒的scrollTop可以實現信息滾動 var?infowrap=document.getElementById("infowrap"); var?origin=document.getElementById("origin"); $("#infowrap?ul").clone(true,true).removeClass('origin').addClass('clone').appendTo($('#infowrap')); setInterval(function(){ console.log(origin.scrollHeight); if(infowrap.scrollTop>=origin.scrollHeight){ infowrap.scrollTop=0; }else{ infowrap.scrollTop++; } },50); }); </script>
怎么就不能放進onload事件了?window.onload我試過了,是可以的。你那對象報錯肯定是你哪個地方代碼寫錯了。
我也遇到了這個問題,不知道解決了沒有
對對 ?為什么呢?
舉報
萌妹子帶您快速學習滾動效果,掌握無縫滾動和歇間性滾動的制作方法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-14
<script>
? ?window.onload=function(){
? ? ? ?var area=document.getElementById("moocBox");
? ? ? ?var con1=document.getElementById("con1");
? ? ? ?var con2=document.getElementById("con2");
? ? ? ?con2.innerHTML=con1.innerHTML;
? ? ? ?area.scrollTop=0;
? ? ? ?setInterval("scroll()",50);
? ? ? ?function scrool(){
? ? ? ? ? ?if(area.scrollTop>=con1.offsetHeight)
? ? ? ? ? ?{area.scrollTop=0;}
? ? ? ? ? ?else{area.scrollTop++}
? ? ? ?}
? ?}
</script>
這樣子就是不對的了 ?但是這樣又是對的 ?是為什么啊????
<script>
? ?window.onload=function(){
? ? ? ?var area=document.getElementById("moocBox");
? ? ? ?var con1=document.getElementById("con1");
? ? ? ?var con2=document.getElementById("con2");
? ? ? ?con2.innerHTML=con1.innerHTML;
? ? ? ?area.scrollTop=0;
? ? ? ?setInterval(
?????????function scrool(){
? ? ? ? ? ?if(area.scrollTop>=con1.offsetHeight)
? ? ? ? ? ?{area.scrollTop=0;}
? ? ? ? ? ?else{area.scrollTop++}
? ? ? ?}
,50);
? ? ??
? ?}
</script>
2015-11-11
怎么就不能放進onload事件了?window.onload我試過了,是可以的。你那對象報錯肯定是你哪個地方代碼寫錯了。
2015-10-06
我也遇到了這個問題,不知道解決了沒有
2014-12-25
對對 ?為什么呢?