最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery广告无缝轮播实例
时间：2022-06-25 17:23:35 编辑：袖梨 来源：一聚教程网
本文实例为大家演示了jquery广告无缝轮播效果，供大家参考，具体内容如下
需要自行添加五张图片和引用jquery库
纵向轮播实例：
| 代码如下 | 复制代码 |
|
li{
list-style:none;
}
.mains{
width:700px;
margin:0 auto;
}
.mains .title{
font-size:25px;
padding:10px 0 5px 50px;
}
.g1{
width:380px;
height:180px;
}
var PlaceTop = parseInt($("#ulID").css("top"));
var int;
function moveUL(){
var ulID = $("#ulID");
PlaceTop = --PlaceTop;
if(PlaceTop == -900)
{
PlaceTop = 0;
}
ulID.css("top",PlaceTop);
if(PlaceTop
alert("Eror!");
clearInterval(int);
}
}
int=setInterval("moveUL()",10);
$(".g1").hover(function(){
clearInterval(int);
},function(){
int=setInterval("moveUL()",10);
});
|
|
相关文章
- 对决剑之川西河伽罗技能流派有哪些选择 09-18
- 嘟嘟脸恶作剧巴丽叶有什么技能 09-18
- 逆战未来随风之锤性能怎么样 09-18
- 忘川风华录萧绰如何培养 09-18
- 魔兽世界沙塔斯城传送门在哪-沙塔斯城传送门位置分享 09-18
- 为了吾王遗失的补给位置在哪里 09-18