jquery垂直公告滚动实现代码


Posted in Javascript onDecember 08, 2013
<!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>
Javascript 相关文章推荐
关于文本框的一些限制控制总结~~
Apr 15 Javascript
javascript Array.prototype.slice使用说明
Oct 11 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
Nov 14 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
Mar 18 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
Aug 09 Javascript
AngularJS控制器详解及示例代码
Aug 16 Javascript
JavaScript利用fetch实现异步请求的方法实例
Jul 26 Javascript
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
JS改变页面颜色源码分享
Feb 24 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
JavaScript常用事件介绍
Jan 21 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
Apr 12 Javascript
jquery中交替点击事件toggle方法的使用示例
Dec 08 #Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
Dec 08 #Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 #Javascript
JavaScript 32位整型无符号操作示例
Dec 08 #Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
Dec 08 #Javascript
js快速排序的实现代码
Dec 08 #Javascript
Javascript中匿名函数的多种调用方式总结
Dec 06 #Javascript
You might like
PHP 各种排序算法实现代码
2009/08/20 PHP
php阻止页面后退的方法分享
2014/02/17 PHP
php快递单号查询接口使用示例
2014/05/05 PHP
PHP管理依赖(dependency)关系工具 Composer的自动加载(autoload)
2014/08/18 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
jQuery 表单验证扩展代码(一)
2010/10/11 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
SeaJS入门教程系列之完整示例(三)
2014/03/03 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
浅谈js中的变量名和函数名重名
2017/02/13 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
2018/04/09 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
Python中函数的用法实例教程
2014/09/08 Python
Python按行读取文件的简单实现方法
2016/06/22 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
2018/04/12 Python
python 实现按对象传值
2019/12/26 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
python3正则模块re的使用方法详解
2020/02/11 Python
移动端HTML5开发神器之vconsole详解
2020/12/15 HTML / CSS
在线服装零售商:SheIn
2016/07/22 全球购物
解决方案设计综合面试题
2015/08/31 面试题
大学生求职简历的自我评价范文
2013/10/12 职场文书
应届毕业生的自我鉴定
2013/11/13 职场文书
交通事故赔偿协议书范本
2014/04/15 职场文书
我爱我校演讲稿
2014/05/21 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
2014年幼儿园老师工作总结
2014/12/05 职场文书
2016三八妇女节慰问信
2015/11/30 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
MySQL优化及索引解析
2022/03/17 MySQL