主页
网页制作
html5
JavaScript
DIV+CSS
前台美工
网络编程
JSP及框架
Java基础
PHP
正则表达式
Python 3
数据库
Mysql
Oracle
数据库安全
sqlite
服务器
Linux
网页特效
移动开发
人工智能
机器学习
web实例
当前位置：主页 >>
web实例
>> 正文
纯js标题栏文字滚动特效
阅读：968 输入：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实现简单的网页计算器（带计算原式）
移动版
网页编程网（www.youkud.com）
在线搜索
Tag
标签云