js实现DOM走马灯特效的方法


Posted in Javascript onJanuary 21, 2015

本文实例讲述了js实现DOM走马灯特效的方法。分享给大家供大家参考。具体实现方法如下:

<!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>  

    <title>走马灯的特效</title>  

    <script type="text/javascript">  

        function scroll() {  

            //将头文件标题赋值给 tit  

            var tit = document.title;  

            //获取tit的第一个字符  

            var fir = tit.charAt(0);  

            //获取tit剩余的字符  

            var left = tit.substring(1, tit.length)  

            //将头文件标题重新赋值为 (原标题的第二个字符到最后一个字符+原标的的第一个字符)  

            document.title = left + fir;  

        }  

        //让scroll每隔2000毫秒就执行scroll()一次,从而实现走马灯的效果  

        setInterval("scroll()", 2000);  

    </script>  

</head>  

<body>  

  

</body>  

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
ExtJS下grid的一些属性说明
Dec 13 Javascript
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
JQuery触发事件例如click
Sep 11 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
Jun 13 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
Jul 17 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
彻底弄懂 JavaScript 执行机制
Oct 23 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
vue el-upload上传文件的示例代码
Dec 21 Vue.js
浅谈javascript 迭代方法
Jan 21 #Javascript
js实现用户注册协议倒计时的方法
Jan 21 #Javascript
浅谈javascript 归并方法
Jan 21 #Javascript
JS获取时间的方法
Jan 21 #Javascript
javascript中数组的定义及使用实例
Jan 21 #Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 #Javascript
javascript 获取浏览器版本
Jan 21 #Javascript
You might like
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
一个更简单的无限级分类菜单代码
2007/01/16 PHP
PHP 的ArrayAccess接口 像数组一样来访问你的PHP对象
2010/10/12 PHP
执行、获取远程代码返回:file_get_contents 超时处理的问题详解
2013/06/25 PHP
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
基于jQuery的倒计时插件代码
2011/05/07 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
JS图片预加载 JS实现图片预加载应用
2012/12/03 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
关于javascript中dataset的问题小结
2015/11/16 Javascript
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
2017/01/04 Javascript
详解express与koa中间件模式对比
2017/08/07 Javascript
JS实现电商放大镜效果
2017/08/24 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
js隐式转换的知识实例讲解
2018/09/28 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
Python中map和列表推导效率比较实例分析
2015/06/17 Python
python tensorflow学习之识别单张图片的实现的示例
2018/02/09 Python
python 通过 socket 发送文件的实例代码
2018/08/14 Python
python去掉 unicode 字符串前面的u方法
2018/10/21 Python
完美解决pycharm 不显示代码提示问题
2020/06/02 Python
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
C#如何进行LDAP用户校验
2012/11/21 面试题
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
2014领导班子四风问题对照检查材料思想汇报
2014/09/21 职场文书
欢迎新生标语
2014/10/06 职场文书
幼儿园元旦主持词
2015/07/06 职场文书
升学宴学生致辞
2015/09/29 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python
浅谈PHP7中的一些小技巧
2021/05/29 PHP