加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

jquery垂直公告滚动实现代码分享

发布时间:2023-08-17 14:23:55 所属栏目:教程 来源:
导读:代码如下:

<!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>

<
代码如下:
 
<!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>
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章