Js跑马灯效果

最新推荐文章于 2025-12-02 21:41:05 发布

最新推荐文章于 2025-12-02 21:41:05 发布 · 120 阅读

文章标签：

#xhtml #javascript #ViewUI

本文介绍了一个简单的网页跑马灯效果实现方法，通过JavaScript定时器不断改变网页标题的位置来达到文字滚动的效果。此代码适用于HTML网页开发初学者。

<!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>徐越欢迎新同学——跑马灯效果</title> <script type="text/javascript"> function scroll() { var title = document.title; var firstChar = title.charAt(0); // 取得第一个字符 var leftChar = title.substr(1, title.length); document.title = leftChar + firstChar; } //启动的时候执行 setInterval("scroll()", 500); </script> </head> <body> </body> </html>

转自

http://blog.youkuaiyun.com/woshixuye/article/details/7218737