admin管理员组文章数量:1122879
JQ,js 滚动列表，JQ操作获取最后一个元素，并移动到内容标签头部无限循环
JQ操作获取最后一个元素，并移动到内容标签头部无限循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>cplvfx</title>
<script src=".10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){var _box =$('#box');var _interval=3000; //刷新间隔时间3秒function gdb(){//获取最后一个元素var cp_html = $("#box dl dd").last();console.log(cp_html);$(cp_html).prependTo("#box dl");var _first=$('#box dl dd:first');_first.animate({height: '+130px'}, "slow");//var _last=$('#box dl dd:last');//_last.remove();setTimeout(function(){gdb();},_interval);}; $("button").click(function(){gdb();});
});
</script>
</head>
<body><div class="fg-box" id="box"><div class="fg-line"></div><dl><dd><div class="fg-left"><span>1小时前</span></div><div class="fg-right"><h4>李**购了10元</h4><a href="#">银亿1号0617040</a></div></dd><dd><div class="fg-left"><span>2小时前</span></div><div class="fg-right"><h4>李**购了20元</h4><a href="#">银亿1号0617040</a></div></dd><dd><div class="fg-left"><span>3小时前</span></div><div class="fg-right"><h4>李**购了20元</h4><a href="#">银亿1号0617040</a></div></dd></dl></div>
<button>开始动画效果</button></body>
</html>
本文标签： JQjs 滚动列表，JQ操作获取最后一个元素，并移动到内容标签头部无限循环
版权声明：本文标题：JQ,js 滚动列表，JQ操作获取最后一个元素，并移动到内容标签头部无限循环 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1701783563a479829.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论