无缝滚动
<style> *{ margin:0; padding:0; } #content{ height:200px; width:500px; background:pink; margin:200px; position:relative; overflow:hidden; } #box{ position: absolute; top:0; left:10px; } ul{ list-style: none; }</style><body> 爱国行动 <舒婷致橡树;div id="content"> <div id="box"> <ul id="list"> <li>孙棒棒天使悟空</li> <li>猪八戒</li> <li>李白</li> <li>诸葛亮</li> <li>诸葛孔明</li> <li>赵云</li> <li>关羽</li> &学生手工lt;li>张飞</li> <li>乞丐</li> <li>教头</li> <li>纳三少</li> <li>车夫</li> </ul> <ul> <li>孙悟空</li> <li>猪八戒</li> <li>李白</li> <li>诸葛亮</li> <li>诸葛孔明</li> <li>赵云</li> <li>关羽</li> <li>张飞</li> <li>乞丐</li> <li>教头</li> <li>纳三少</li> <li>车夫</li> </ul> </div> </div></body></html><script src="j小学数学说课query-1.8.1.min.js"></script><script type="text/javascript"> // 原生 var box = document.getelementbyid("box"); var stop = document.getelementbyid("list"); var h = stop.offtheight;//ul的高度 var num = 0; function autoplay(){ num--; box.style.top = num + "px"; if(num < -h){ num = 0; } } tinterval(autoplay,70) // jquery // var h = $("#list").height(); // var num = 0; // function autoplay(){ // num--; // $("#box").css("top", num) // if(num < -h){ // num = 0; // } // } // tinterval(autoplay,70)</script>
本文发布于:2023-04-03 09:21:08,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/3f0d032733abd88f22192407453bc084.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:无缝滚动.doc
本文 PDF 下载地址:无缝滚动.pdf
留言与评论(共有 0 条评论) |