最新下载
热门教程
- 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);
});
|
|
相关文章
- 百度学术官网首页入口地址在哪里-百度学术免费查重如何使用 07-01
- 大淘客联盟开放平台API申请方法-大淘客联盟开放平台API开发者接入完整流程 07-01
- 盯盯拍语音拍照如何实现-盯盯拍声控拍照功能设置步骤解析 07-01
- 百度网盘怎样导出微信文件 07-01
- 可灵AI视频转绘效果如何实现 07-01
- 盯盯拍行车记录仪如何连接手机-盯盯拍行车记录仪连接手机的具体步骤 07-01