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 相关文章推荐
js css样式操作代码(批量操作)
Oct 09 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
Bootstrap编写导航栏和登陆框
May 30 Javascript
javascript基础练习之翻转字符串与回文
Feb 20 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
Mar 29 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 Javascript
Javascript webpack动态import
Apr 19 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
php使用parse_url和parse_str解析URL
2015/02/22 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
简介AngularJS的视图功能应用
2015/06/17 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
图片上传之FileAPI与NodeJs
2017/01/24 NodeJs
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
详解如何提升JSON.stringify()的性能
2019/06/12 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
2019/06/17 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
[00:52]玛尔斯技能全介绍
2019/03/06 DOTA
Python实现多线程下载文件的代码实例
2014/06/01 Python
Python使用sorted排序的方法小结
2017/07/28 Python
PHP统计代码行数的小代码
2019/09/19 Python
python取均匀不重复的随机数方式
2019/11/27 Python
关于sys.stdout和print的区别详解
2019/12/05 Python
python字典和json.dumps()的遇到的坑分析
2020/03/11 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
自我评价个人范文
2013/12/16 职场文书
博士毕业生自我鉴定范文
2014/04/13 职场文书
数据保密承诺书
2014/06/03 职场文书
任命书范本大全
2014/06/06 职场文书
2015年学校心理健康教育工作总结
2015/05/11 职场文书
《灰雀》教学反思
2016/02/19 职场文书
班级元旦晚会开幕词
2016/03/04 职场文书
聊聊pytorch测试的时候为何要加上model.eval()
2021/05/23 Python
pytorch fine-tune 预训练的模型操作
2021/06/03 Python