大家帮忙看看 JQ实现无缝间歇滚动栏 错在哪里，求指正！谢谢！！
最新课程
更多>>
*{
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);
});
}) |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
$(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需要在调用之前声明赋值；
- '$con1[0].scrollHeight()'这一段不需要引号，另外它也不是方法，是个属性，直接用就好了，不需要();
- 引用的是变量不需要引号，加了的话回变成字符串
|
|
|
|
|
|
|
|
|
天盟APP下载
