亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

怎么不動?求大神指點

<body>

<div id="news">

<!--top-->

? <div id="newstitle">最新課程<a href="#" target="_self">更多>></a></div>

? <!--content--> ?

? <div id="news-box">

? ? <ul id="con1">

? ? ? <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>

<!--bottom-->?

<div id="news-boot"></div>?

</div>

<script type="text/javascript">

?var area=document.getElementById('news-box');

?var con1=document.getElementById('con1');

?area.innerHTML+=area.innerHTML;

?area.scrollTop=0;

?

?function scrollUp(){

?if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0;}

?else{area.scrollTop++;}

?}

?var time=50;

?setInterval("scrollUp()",time);


</script>

</body>


正在回答

2 回答

function scrollUp(){

?if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0;}

?else{area.scrollTop++;}

?}

你這里的代碼是照老師抄的,老師寫錯了,應該是scrollHeight,而不是offsetHeight,

這個坑太害人了。

0 回復 有任何疑惑可以回復我~
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>子選擇符</title>
<style?type="text/css">
.first>span{color:red;}
#second>span{color:green;}
</style>
</head>
<body>
????<body>
<div?id="news">
<!--top-->
??<div?id="newstitle">最新課程<a?href="#"?target="_self">更多>></a></div>
??<!--content-->??
??<div?id="news-box">
????<ul?id="con1">
??????<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>
<!--bottom-->?
<div?id="news-boot"></div>?
</div>
<script?type="text/javascript">
?var?area=document.getElementById('news-box');
?var?con1=document.getElementById('con1');
?area.innerHTML+=area.innerHTML;
?document.body.scrollTop=0;
?
?function?scrollUp(){
?????
?if(document.body.scrollTop?>=area.offsetHeight-document.documentElement.clientHeight){?console.log(area.offsetHeight);document.body.scrollTop=0;}
?else{console.log(document.body.scrollTop);document.body.scrollTop++;}
?}
?var?time=50;
?setInterval("scrollUp()",time);

</script>
</body>
</body>
</html>

判斷有問題,具體判斷的話···我也測試了幾個都用不好,不過效果是有了

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
信息滾動效果制作
  • 參與學習       47740    人
  • 解答問題       333    個

萌妹子帶您快速學習滾動效果,掌握無縫滾動和歇間性滾動的制作方法

進入課程

怎么不動?求大神指點

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號