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 Ext JS 状态默认存储时间
Feb 15 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
浅析JavaScript访问对象属性和方法及区别
Nov 16 Javascript
基于gulp合并压缩Seajs模块的方式说明
Jun 14 Javascript
3种不同的ContextMenu右键菜单实现代码
Nov 03 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
Angular6笔记之封装http的示例代码
Jul 27 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
vue-rx的初步使用教程
Sep 21 Javascript
java实现单链表增删改查的实例代码详解
Aug 30 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
Nov 12 Javascript
Moment的feature导致线上bug解决分析
Sep 23 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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
超级简单的发送邮件程序
2006/10/09 PHP
Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)
2016/03/21 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
AngularJS基础学习笔记之表达式
2015/05/10 Javascript
Bootstrap零基础入门教程(三)
2016/07/18 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
基于vue的短信验证码倒计时demo
2017/09/13 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
小程序实现发表评论功能
2018/07/06 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
python批量下载图片的三种方法
2013/04/22 Python
Python配置mysql的教程(推荐)
2017/10/13 Python
微信跳一跳小游戏python脚本
2018/01/05 Python
Python随机生成身份证号码及校验功能
2018/12/04 Python
详解python 中in 的 用法
2019/12/12 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
python3 googletrans超时报错问题及翻译工具优化方案 附源码
2020/12/23 Python
面向对象编程是如何提高软件开发水平的
2014/05/06 面试题
书法培训心得体会
2014/01/05 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
转学证明范本
2015/06/19 职场文书
公司老总年会致辞
2015/07/30 职场文书
小学中队长竞选稿
2015/11/20 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python
python pygame入门教程
2021/06/01 Python
mysql5.7使用binlog 恢复数据的方法
2021/06/03 MySQL
CSS3 Tab动画实例之背景切换动态效果
2021/08/23 HTML / CSS
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js
win11如何查看端口是否被占用? Win11查看端口是否占用的技巧
2022/04/05 数码科技