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 相关文章推荐
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
Dec 29 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
Angular.js中用ng-repeat-start实现自定义显示
Oct 18 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
jQuery实现可拖动进度条实例代码
Jun 21 jQuery
JavaScript设计模式之代理模式实例分析
Jan 16 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
Mar 30 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多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
再Docker中架设完整的WordPress站点全攻略
2015/07/29 PHP
关于PHP转换超过2038年日期出错的问题解决
2017/06/28 PHP
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
Javascript的构造函数和constructor属性
2010/01/09 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
2013/07/04 Javascript
jQuery实现公告文字左右滚动的实例代码
2013/10/29 Javascript
JavaScript中instanceof运算符的用法总结
2013/11/19 Javascript
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
JavaScript_ECMA5数组新特性详解
2016/06/12 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
js实现文字列表无缝滚动效果
2017/06/23 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
Vue组件化开发思考
2018/02/02 Javascript
vue 的点击事件获取当前点击的元素方法
2018/09/15 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
[07:48]DOTA2上海特级锦标赛主赛事首日RECAP
2016/03/04 DOTA
python使用正则表达式检测密码强度源码分享
2014/06/11 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
python爬虫 execjs安装配置及使用
2019/07/30 Python
Django之编辑时根据条件跳转回原页面的方法
2019/08/21 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
美国健康和保健平台:healtop
2020/07/02 全球购物
说说你所熟悉或听说过的j2ee中的几种常用模式?及对设计模式的一些看法
2012/05/24 面试题
JRE、JDK、JVM之间的关系怎样
2012/05/16 面试题
工程概预算专业毕业生求职信
2013/10/04 职场文书
校园歌咏比赛主持词
2014/03/18 职场文书
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
医院保洁服务方案
2014/06/11 职场文书
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技
Docker与K8s关系介绍不会Docker也可以使用K8s
2022/06/25 Servers