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
郑重声明: 本站为原创作网站,请尊重本站版权,洒血博客版权所有,未经许可 请勿转载,未通知本站转载者请注明转载出处
-
- 赞助招商
