求指导 jQuery 文字跑马灯效果
你这个思路没问题啊，一段文字都放在span里面，span包在一个div里，div的宽高固定，样式设置正确后，改变span的位置实现滚动，剩下的就是计算了（没敲代码，就大概想了一下，觉得可行）。
<div>
<span><span>
<span class="cloned"><span>
</div>
展开
收起
1
条回答
写回答
写回答
-
<!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>js文字向左无缝滚动</title> </head> <body> <style type="text/css"> .qimo8 { margin: 0 auto; overflow: hidden; width: 200px; } .qimo8 .qimo { width: 200%; height: 30px; } .qimo8 .qimo div { float: left; } .qimo8 .qimo ul { float: left; height: 30px; overflow: hidden; zoom: 1; } .qimo8 .qimo ul li { float: left; line-height: 30px; list-style: none; } .qimo8 li a { margin-right: 10px; color: #444444; } </style> <div> <div id="demo" class="qimo8"> <div class="qimo"> <div id="demo1"> <ul class="loop"> <li>2016年第一盏祝福之灯</li> </ul> </div> <div id="demo2"></div> </div> </div> </div> <script type="text/javascript"> var demo = document.getElementById("demo"); var demo1 = document.getElementById("demo1"); var demo2 = document.getElementById("demo2"); demo2.innerHTML = document.getElementById("demo1").innerHTML; function Marquee() { if (demo.scrollLeft - demo2.offsetWidth >= 0) { demo.scrollLeft -= demo1.offsetWidth; } else { demo.scrollLeft++; } } var myvar = setInterval(Marquee, 30); demo.onmouseout = function() { myvar = setInterval(Marquee, 30); } demo.onmouseover = function() { clearInterval(myvar); } </script> </body> </html>2019-07-17 18:59:33赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
