<div id="warp">??? <div class="header">???????? <div class="header_one"> ??????????? <h1 class="title">最新課程</h1>??????????? <a href="#">更多>></a>???????? </div>???????? <div class="header_tip"></div>??? </div>??? <div id="content">???????? <ul id="con1">???????????? <li><a href="#">1.學(xué)會html5 絕對的屌絲逆襲（案例）</a><span>2013-09-18</span></li>???????????? <li><a href="#">1.學(xué)會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基礎(chǔ)課程(系列)</a><span>2013-11-01</span></li>???????????? <li><a href="#">5.分頁頁碼制作（案例）</a><span>2013-11-06</span></li>???????????? <li><a href="#">6.導(dǎo)航條菜單的制作（案例）</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.如何實現(xiàn)“新手引導(dǎo)”效果</a><span>2013-12-06</span></li>????????? </ul>??????? <ul id="con2">???????????? <li><a href="#">1.學(xué)會html5 絕對的屌絲逆襲（案例）</a><span>2013-09-18</span></li>???????????? <li><a href="#">1.學(xué)會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基礎(chǔ)課程(系列)</a><span>2013-11-01</span></li>???????????? <li><a href="#">5.分頁頁碼制作（案例）</a><span>2013-11-06</span></li>???????????? <li><a href="#">6.導(dǎo)航條菜單的制作（案例）</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.如何實現(xiàn)“新手引導(dǎo)”效果</a><span>2013-12-06</span></li>??????? </ul>???? </div>?</div>*{?padding:0;?margin:0;?}#warp{?width:400px;?height:200px;?border:4px solid #ccc;?margin:0 auto;?}.header{?width:400px;?height:60px;??? background:#C33;?}.header_one{?width:400px;?height:50px;?color:#fff;?float:left;?}.header h1{?margin:10px 0 0 10px; ?display:inline-block;?}.header a{?float:right;?margin:30px 10px 0 0;?color:#fff;?text-decoration:none;?}.header_tip{?width:400px;?height:10px;?float:left;?background:#fff;?}#content{?width:400px;?height:110px;?overflow:hidden;??}#con1{?margin:0 auto;?width:300px;?list-style-type:none;?font-size:10px;?}#con1 li {?height:25px;?line-height:25px;?}#con1 li a{?color:#000;?text-decoration:none;?}#con1 li span{?color:#999;?float:right;?}$(function(){?var $area = $('#content');?var $con1 = $('#con1');?$area.scrollTop = 0;?var myScroll = setInterval('myAnimate()',1000);?function myAnimate(){?????????? $area.animate({????????????? scrollTop:'$con1[0].scrollHeight()'?????}),'slow',function(){????????????if($area.scrollTop >= $con1[0].scrollHeight){???????$area.scrollTop = 0;??????}else{???????? $area.scrollTop++;???????? };??????};??????????????? };?$area.hover(function(){??clearInterval(myScroll);??},function(){???myScroll = setInterval('myAnimate()',1000);???});????})
2 回答
qq_彥狐_0
TA貢獻(xiàn)2條經(jīng)驗 獲得超0個贊
$(function(){
var $area = $('#content');
var $con1 = $('#con1');
$area.scrollTop = 0;
?
? ? function myAnimate(){
?? ? ? ? $area.animate({scrollTop:$con1[0].scrollHeight},'slow',function(){
? ? ? ? ?
? ? ? if($area.scrollTop >= $con1[0].scrollHeight){
? ? ? $area.scrollTop = 0;
? ? ? }else{
? ? ? ? $area.scrollTop++;
? ? ? ? ? };
? ? ? ? ?
? ? });
};
$area.hover(function(){
clearInterval(myScroll);
},function(){
myScroll = setInterval(myAnimate,1000);
});
var myScroll = setInterval(myAnimate,1000);
??
})
你的代碼里面的東西改下就好了，以下是修改點：
myAnimate需要在調(diào)用之前聲明賦值；
'$con1[0].scrollHeight()'這一段不需要引號，另外它也不是方法，是個屬性，直接用就好了，不需要();
引用的是變量不需要引號，加了的話回變成字符串
-
雞肋2016謝謝！好人??！
添加回答
舉報
0/150
提交
取消