300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > JQ js 滚动列表 JQ操作获取最后一个元素 并移动到内容标签头部无限循环

JQ js 滚动列表 JQ操作获取最后一个元素 并移动到内容标签头部无限循环

时间:2024-08-01 06:23:12

相关推荐

JQ js 滚动列表 JQ操作获取最后一个元素 并移动到内容标签头部无限循环

JQ操作获取最后一个元素,并移动到内容标签头部无限循环

<!DOCTYPE html><html><head><meta charset="utf-8"><title>cplvfx</title><script src="/jquery/1.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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。