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 相关文章推荐
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 Javascript
JavaScript 选中文字并响应获取的实现代码
Aug 28 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
Web开发使用Angular实现用户密码强度判别的方法
Sep 27 Javascript
200行代码实现blockchain 区块链实例详解
Mar 14 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
Jan 29 Javascript
JS实现选项卡效果的代码实例
May 20 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
JavaScript闭包原理与用法学习笔记
May 29 Javascript
浅谈JavaScript 声明提升
Sep 14 Javascript
Vue实现图书管理案例
Jan 20 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
PHP中的日期处理方法集锦
2007/01/02 PHP
php自定义hash函数实例
2015/05/05 PHP
php实现多城市切换特效
2015/08/09 PHP
PHP基于openssl实现非对称加密代码实例
2020/06/19 PHP
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
2010/08/03 Javascript
Js四则运算函数代码
2012/07/21 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
jquery对象和DOM对象的任意相互转换
2016/02/21 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
js添加事件的通用方法推荐
2016/05/15 Javascript
jquery-mobile基础属性与用法详解
2016/11/23 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
javascript计算对象长度的方法
2017/10/25 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
JavaScript的查询机制LHS和RHS解析
2019/08/16 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
Python中字符编码简介、方法及使用建议
2015/01/08 Python
python实现同时给多个变量赋值的方法
2015/04/30 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
意大利和国际奢侈品牌购物网站:Suitnegozi.com
2021/01/15 全球购物
自我鉴定范文200字
2013/10/02 职场文书
中专生自我鉴定范文
2013/12/19 职场文书
保洁公司服务承诺书
2014/05/28 职场文书
绵山导游词
2015/02/05 职场文书
党纪处分决定书
2015/06/24 职场文书
七一慰问简报
2015/07/20 职场文书
2015年公路路政个人工作总结
2015/07/24 职场文书
船舶调度指挥系统——助力智慧海事
2022/02/18 无线电
Docker 镜像介绍以及commit相关操作
2022/04/13 Servers
Spring Boot项目如何优雅实现Excel导入与导出功能
2022/06/10 Java/Android