本文介绍了一种使用JavaScript实现的跑马灯效果，通过不断滚动页面标题来达到视觉上的循环展示效果。该方法简单易懂，适用于网页标题的动态展示。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<wbr><wbr><wbr> <title>徐越欢迎新同学——跑马灯效果</title><br><wbr><wbr><wbr> <script type="text/javascript"><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> function scroll() {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> var title = document.title;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> var firstChar = title.charAt(0);<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> // 取得第一个字符<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> var leftChar = title.substr(1, title.length);<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> document.title = leftChar + firstChar;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> 启动的时候执行<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> setInterval("scroll()", 500);<br><wbr><wbr><wbr> </script><br> </head><br> <body></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
</body>
</html>
扫一扫
180
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
