主页
网页制作
html5
JavaScript
DIV+CSS
前台美工
网络编程
JSP及框架
PHP
正则表达式
Python Web
数据库
Mysql
Oracle
数据库安全
sqlite
服务器
Linux
网页特效
移动开发
Java基础
程序人生
例子
当前位置：主页 >>
例子
>> 正文
纯js标题栏文字滚动特效
阅读：547 输入：2016-08-02 08:32:25
<script> var message="你是一只狗吗？" //specifys the title var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds. i="0" //declares the variable and sets it to start at 0 var temptitle="" //declares the variable and sets it to have no value yet. var speed="150" //the delay in milliseconds between letters function titler(){ if (!document.all&&!document.getElementById) return document.title=temptitle+message.charAt(i) //sets the initial title temptitle=temptitle+message.charAt(i) //increases the title by one letter i++ //increments the counter if(i==message.length){ //determines the end of the message i="0" //resets the counter at the end of the message temptitle="" //resets the title to a blank value } setTimeout("titler()",speed) //Restarts. Remove line for no-repeat. } window.onload=titler </script>
上一篇：
纯js网页左下角漂浮导航菜单代码
下一篇：
纯js支持火狐的网页左侧隐藏菜单代码
相关阅读
纯js代码仿京东首页幻灯片
js脚本实现一组数字随机显示特效
js实现div层展开收缩效果
移动版
网页编程网（www.youkud.com）
在线搜索
Tag
标签云