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 相关文章推荐
Javascript优化技巧(文件瘦身篇)
Jan 28 Javascript
用javascript做拖动布局的思路
May 31 Javascript
jquery ready()的几种实现方法小结
Jun 18 Javascript
jQuery $.data()方法使用注意细节
Dec 31 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
Apr 06 Javascript
JavaScript Date对象详解
Mar 01 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
Jun 21 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
详解使用vue实现tab 切换操作
Jul 03 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
Oct 26 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 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
SMARTY学习手记
2007/01/04 PHP
xmlhttp缓存清除的2种解决方法
2013/12/13 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
jQuery常用且重要方法汇总
2015/07/13 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
js实现导航跟随效果
2018/11/17 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
JS操作json对象key、value的常用方法分析
2019/10/29 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
2020/10/31 Javascript
在Django中进行用户注册和邮箱验证的方法
2016/05/09 Python
Python3 循环语句(for、while、break、range等)
2017/11/20 Python
解析Python中的eval()、exec()及其相关函数
2017/12/20 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
python+django+selenium搭建简易自动化测试
2020/08/19 Python
python 爬取B站原视频的实例代码
2020/09/09 Python
大学本科毕业生的自我鉴定
2013/11/26 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
中学生爱国演讲稿
2013/12/31 职场文书
收银出纳员岗位职责
2014/02/23 职场文书
经典婚礼主持开场白
2014/03/13 职场文书
小区文明倡议书
2014/05/16 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
公安机关起诉意见书
2015/05/20 职场文书
小型婚礼主持词
2015/06/30 职场文书
活动简报范文
2015/07/22 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android
浅谈Vue的computed计算属性
2022/03/21 Vue.js
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
2022/04/19 Javascript
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers