jquery垂直公告滚动实现代码

2019/6/29 22:40:38

编程Tag： 滚动 jQuery 垂直公告

本文主要是介绍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垂直公告滚动实现代码

相关编程文章