微客导航 » 文章资讯 » jquery实现广告上下滚动效果

jquery实现广告上下滚动效果

2023-07-04 19:26:03 295

本文实例为大家分享了jquery实现广告上下滚动效果的具体代码，供大家参考，具体内容如下

一、jquery上下滚动预约记录

jquery广告上下滚动效果,直接上代码

代码如下（示例）：

CSS:

HTML:


已有235人看房
预约记录

{{--

--}}

张三1
131****121
10分钟前
张三2
131****121
10分钟前
张三3
131****121
10分钟前

JS:



constindex=($(".maquee").height()/$(".maqueeulli").height());
functionautoScroll(obj){
$(obj).find("ul").animate({
marginTop:"-35px"
},1000,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
})
$(".maqueeulli").removeClass('active');
$(".maqueeulli").eq(parseInt(index)+1).addClass('active')
}
$(function(){
varscroll=setInterval('autoScroll(".maquee")',1500);
});


$(".maqueeulli").eq(parseInt(index)+1).addClass('active')

二、效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

jquery实现广告上下滚动效果

热门推荐

随机推荐