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 相关文章推荐
prototype Element学习笔记(Element篇三)
Oct 26 Javascript
JS获取图片lowsrc属性的方法
Apr 01 Javascript
JavaScript记录光标在编辑器中位置的实现方法
Apr 22 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
基于jQuery实现的打字机效果
Jan 16 Javascript
iframe高度自适应及隐藏滚动条的实例详解
Sep 29 Javascript
当vue路由变化时,改变导航栏的样式方法
Aug 22 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
简单了解微信小程序的目录结构
Jul 01 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 Javascript
javascript局部自定义鼠标右键菜单
Dec 08 Javascript
浅谈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
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
用PHP实现 上一篇、下一篇的代码
2012/09/29 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
一波PHP中cURL库的常见用法代码示例
2016/05/06 PHP
PHP CURL与java http使用方法详解
2018/01/26 PHP
javascript基础的动画教程,直观易懂
2007/01/10 Javascript
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
常见JS效果之图片减速度滚动实现代码
2011/12/08 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
原生js实现移动端瀑布流式代码示例
2015/12/18 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
2017/01/05 Javascript
微信小程序视图template模板引用的实例详解
2017/09/20 Javascript
js合并两个数组生成合并后的key:value数组
2018/05/09 Javascript
利用JavaScript将Excel转换为JSON示例代码
2019/06/14 Javascript
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
简单说明Python中的装饰器的用法
2015/04/24 Python
python中实现k-means聚类算法详解
2017/11/11 Python
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
Ruby如何定义一个类
2012/10/08 面试题
大四本科生的自我评价
2013/12/30 职场文书
大专毕业自我鉴定
2014/02/04 职场文书
保安岗位职责
2014/02/21 职场文书
建议书怎么写
2014/03/12 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
督导岗位职责
2015/02/04 职场文书
明确岗位职责
2015/02/14 职场文书
史上最全的军训拉歌口号
2015/12/25 职场文书