基于jQuery实现的单行公告活动轮播效果

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<div class="lunbo123" style="position:relative;height: 45px;overflow: hidden;background-color:white" ;>
<ul id="myul" style="margin:6px;padding:0px;position:absolute;width: 700px; height: auto;">
<li>
<a href="" style=" rel="external nofollow" rel="external nofollow" text-decoration: none;color: #000000; ">
<span style="height:36px ; line-height: 36px;">公告test1 
</span>
</a>
</br>
</li>
<li>
<a href="" style=" rel="external nofollow" rel="external nofollow" text-decoration: none;color: #000000; ">
<span style="height:36px ; line-height: 36px;">活动test2 
</span>
</a>
</br>
</li>
</ul>
</div>
<script src="//cdn.bootcss.com/jquery/2.2.2/jquery.js"></script>
<script>
function lunbo123(id, height) {
var ul = $(id);
var liFirst = ul.find('li:first');
$(id).animate({
top: height
}).animate({
"top": 0
}, 0, function() {
var clone = liFirst.clone();
$(id).append(clone);
liFirst.remove();
})
}
setInterval("lunbo123('#myul','-45px')", 2500)
</script>
<style>
#myul {
list-style-type: none;
width: 300px;
height: 45px;
font-size: 20px;
}
</style>

总结

以上所述是小编给大家介绍的基于jQuery实现的单行公告活动轮播效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jq实现轮播  # jq实现公告轮播  # jQuery无缝轮播图代码  # jQuery图片轮播实现并封装(一)  # jquery 实现轮播图详解及实例代码  # jQuery实现的图片轮播效果完整示例  # jQuery自适应轮播图插件Swiper用法示例  # jQuery的图片轮播插件PgwSlideshow使用详解  # 基于jQuery实现淡入淡出效果轮播图  # jQuery插件实现图片轮播特效  # jquery实现左右无缝轮播图  # 给大家  # 小编  # 在此  # 说了  # 不多  # 所示  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # id  # ul  # margin  # myul  # color  # background  # gt  # white  # li 

相关文章： 如何在宝塔面板创建新站点？  如何在IIS中配置站点IP、端口及主机头？  建站之星在线版空间：自助建站+智能模板一键生成方案  如何在万网开始建站？分步指南解析  建站主机与服务器功能差异如何区分？  ,网站推广常用方法？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在景安云服务器上绑定域名并配置虚拟主机？  网站专业制作公司有哪些,做一个公司网站要多少钱？  ,有什么在线背英语单词效率比较高的网站？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  建站org新手必看：2024最新搭建流程与模板选择技巧  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  建站OpenVZ教程与优化策略：配置指南与性能提升  广州建站公司哪家好？十大优质服务商推荐  如何在阿里云ECS服务器部署织梦CMS网站？  建站之星安装后如何配置SEO及设计样式？  制作销售网站教学视频,销售网站有哪些？  一键网站制作软件,义乌购一件代发流程？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  javascript中对象的定义、使用以及对象和原型链操作小结  ,想在网上投简历，哪几个网站比较好？  建站之星展会模板：智能建站与自助搭建高效解决方案  如何制作网站标识牌,动态网站如何制作（教程）？  如何选择域名并搭建高效网站？  临沂网站制作企业,临沂第三中学官方网站？  如何通过西部数码建站助手快速创建专业网站？  建站之星代理费用多少？最新价格详情介绍  整蛊网站制作软件,手机不停的收到各种网站的验证码短信,是手机病毒还是人为恶搞?有这种手机病毒吗？  建站之星会员如何解锁更多建站功能？  宝塔面板如何快速创建新站点？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  视频网站制作教程,怎么样制作优酷网的小视频？  建站之星图片链接生成指南：自助建站与智能设计教程  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  大型企业网站制作流程,做网站需要注册公司吗？  历史网站制作软件,华为如何找回被删除的网站？  微信小程序 五星评分(包括半颗星评分)实例代码  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  完全自定义免费建站平台：主题模板在线生成一站式服务  网站app免费制作软件,能免费看各大网站视频的手机app？  做企业网站制作流程,企业网站制作基本流程有哪些？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  成都网站制作报价公司,成都工业用气开户费用？