jquery垂直公告滚动实现代码

 更新时间:2013年12月08日 17:30:28   作者:  
公告滚动想必大家都有见到过吧,实现方法也有很多,下面为大家介绍使用jquery实现垂直公告滚动,感兴趣的朋友不要错过
复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.7.2.js"></script>
<style>
*{
padding:0px;
margin:0px;
}
ul{
list-style:none;
}
li{
line-height:30px;
}
</style>
</head>

<body>
<ul>
<li>1111</li>
<li>22222</li>
<li>3333</li>
<li>44444</li>
<li>5555</li>
<li>66666</li>
</ul>
<script>
setInterval(function(){
var newList=$('ul :first').clone(true);
$('ul').append(newList);
$('ul :first').remove();
},2000);

</script>
</body>
</html>

相关文章

  • 基于jquery实现的表格分页实现代码

    基于jquery实现的表格分页实现代码

    该方法的运用是从后台数据库中一次性取出所有的数据,运用Jquery把一部分数据隐藏起来,事实上数据还是全部在html页面中
    2011-06-06
  • jquery制作 随机弹跳的小球特效

    jquery制作 随机弹跳的小球特效

    这篇文章主要介绍了jquery制作 随机弹跳的小球特效,需要的朋友可以参考下
    2015-02-02
  • jQuery实现在新增加的元素上添加事件方法案例分析

    jQuery实现在新增加的元素上添加事件方法案例分析

    这篇文章主要介绍了jQuery实现在新增加的元素上添加事件方法,结合具体实例形式分析了jQuery针对新增加的元素添加事件的实现技巧与注意事项,需要的朋友可以参考下
    2017-02-02
  • 为jquery的ajaxfileupload增加附加参数的方法

    为jquery的ajaxfileupload增加附加参数的方法

    这篇文章主要介绍了为jquery的ajaxfileupload增加附加参数的方法,需要的朋友可以参考下
    2014-03-03
  • jQuery实现的简单排序功能示例【冒泡排序】

    jQuery实现的简单排序功能示例【冒泡排序】

    这篇文章主要介绍了jQuery实现的简单排序功能,结合实例形式分析了冒泡排序的原理及具体实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2017-01-01
  • 浅谈jQuery效果函数

    浅谈jQuery效果函数

    下面小编就为大家带来一篇jQuery效果函数。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-09-09
  • jquery取消选择select下拉框示例代码

    jquery取消选择select下拉框示例代码

    本篇文章主要是对jquery取消选择select下拉框示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • jQuery+jsp下拉框联动获取本地数据的方法(附源码)

    jQuery+jsp下拉框联动获取本地数据的方法(附源码)

    这篇文章主要介绍了jQuery+jsp下拉框联动获取本地数据的方法,以实例形式较为详细的分析了jQuery结合jsp实现下拉联动菜单读取本地数据的相关技巧,并附带了完整源码供读者下载参考,需要的朋友可以参考下
    2015-12-12
  • jQuery实现炸裂轮播效果

    jQuery实现炸裂轮播效果

    这篇文章主要为大家详细介绍了jQuery实现炸裂轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • jQuery中:file选择器用法实例

    jQuery中:file选择器用法实例

    这篇文章主要介绍了jQuery中:file选择器用法,实例分析了:file选择器的功能、定义及选取类型为file的<input>元素的使用技巧,需要的朋友可以参考下
    2015-01-01

最新评论