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 相关文章推荐
csdn 论坛技术区平均给分功能
Nov 07 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
Jul 09 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
js实现省份下拉菜单效果
Feb 15 Javascript
js模态对话框使用方法详解
Feb 16 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
Mar 17 Javascript
Webpack3+React16代码分割的实现
Mar 03 Javascript
为什么node.js不适合大型项目
Apr 28 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
PHP4之COOKIE支持详解
2006/10/09 PHP
PHP中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
PHP获取文件扩展名的4种方法
2015/11/24 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
解放web程序员的输入验证
2006/10/06 Javascript
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
django的分页器Paginator 从django中导入类
2019/07/25 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
值得收藏的HTML5资源(学习html5的朋友可以收藏下)
2010/07/20 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
预订旅游活动、景点和旅游:GetYourGuide
2019/09/29 全球购物
领导视察欢迎词
2014/01/15 职场文书
小学端午节活动方案
2014/03/13 职场文书
大学生入党积极分子自我评价
2014/09/20 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
校运会广播稿
2015/08/19 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL