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 相关文章推荐
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
Ajax异步提交表单数据的说明及方法实例
Jun 22 Javascript
js创建子窗口并且回传值示例代码
Jul 02 Javascript
JavaScript原生对象常用方法总结(推荐)
May 13 Javascript
JQuery 传送中文乱码问题的简单解决办法
May 24 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
JavaScript从0开始构思表情插件
Jul 26 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
Oct 13 Javascript
解析Angular 2+ 样式绑定方式
Jan 15 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
vue路由中前进后退的一些事儿
May 18 Javascript
JavaScript实现网页tab栏效果制作
Nov 20 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
打造计数器DIY三步曲(上)
2006/10/09 PHP
用PHP的ob_start() 控制您的浏览器cache
2009/08/03 PHP
php错误级别的设置方法
2013/06/17 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
简单实现PHP留言板功能
2016/12/21 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
2016/08/08 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
nodejs个人博客开发第二步 入口文件
2017/04/12 NodeJs
VUE 使用中踩过的坑
2018/02/08 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
react基本安装与测试示例
2020/04/27 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
python 根据正则表达式提取指定的内容实例详解
2016/12/04 Python
Python实现读取txt文件中的数据并绘制出图形操作示例
2019/02/26 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
用python中的matplotlib绘制方程图像代码
2019/11/21 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
Python爬虫进阶之爬取某视频并下载的实现
2020/12/08 Python
利用指针变量实现队列的入队操作
2012/04/07 面试题
怎么写自荐书范文
2014/02/12 职场文书
历史专业学生的自我评价
2014/02/28 职场文书
程序员求职信
2014/04/16 职场文书
美化环境标语
2014/06/20 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS