javascript实例 标题流动
- 作者:洒血 | 分类: javascript | 评论:0 | 浏览:18 | 时间:2011-04-23 20:00:23 |
- 通过javascript脚本，实现标题滚动效果
-
网站中的标题滚动，我们在浏览网页时经常看到，他们是如果实现的呢？
看下如下代码：<script>
var s=”欢迎访问，洒血博客—-”.split(“”);
function fw(){
s.push(s[0]);
s.shift(s[0]);
document.title=s.join(“”);
}
setInterval(fw,1000);
</script>我们来解析上面那段代码，他可以达到标题滚动的效果。
1.首先定义一个s的变量，split() 方法用于把一个字符串分割成字符串数组。把这个数组的值返回到变量s.
2.定义一个fw()的函数，push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值.document.title是定义标题为s的值，join()是将每个字符串起来，形成一个完整的字符串。setInterval（）的作用是每隔一段1000毫秒去执行一下fw()函数。
-
本文链接：http://www.saxue.com/javascript/title-gundong.html
郑重声明： 本站为原创作网站，请尊重本站版权，洒血博客版权所有,未经许可 请勿转载，未通知本站转载者请注明转载出处
-
- 赞助招商