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 相关文章推荐
showModalDialog 和 showModelessDialog
Jan 22 Javascript
纯CSS打造的导航菜单(附jquery版)
Aug 07 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
Aug 18 Javascript
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 Javascript
JavaScript自定义日期格式化函数详细解析
Jan 14 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
javascript实用方法总结
Feb 06 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
js实现搜索栏效果
Nov 16 Javascript
基于elementUI实现图片预览组件的示例代码
Mar 31 Javascript
解决removeEventListener 无法清除监听的问题
Oct 30 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 记录进行累加并显示总时长为秒的结果
2011/11/04 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
Javascript实例教程(19) 使用HoTMetal(7)
2006/12/23 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
Web 前端设计模式--Dom重构 提高显示性能
2010/10/22 Javascript
javaScript对文字按照拼音排序实现代码
2013/12/27 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
教你如何在Node.js中使用jQuery
2016/08/28 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
2017/06/01 Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
2019/09/20 Javascript
vue-router的hooks用法详解
2020/06/08 Javascript
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
在Python下使用Txt2Html实现网页过滤代理的教程
2015/04/11 Python
Python中操作符重载用法分析
2016/04/29 Python
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
关于Python中Inf与Nan的判断问题详解
2017/02/08 Python
python 文件转成16进制数组的实例
2018/07/09 Python
python 产生token及token验证的方法
2018/12/26 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
Python IDLE或shell中切换路径的操作
2020/03/09 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
John Varvatos官方网站:设计师男士时装
2017/02/08 全球购物
行政部主管岗位职责
2013/12/28 职场文书
人力资源部门的主要职能
2014/02/22 职场文书
家教广告词
2014/03/19 职场文书
信用卡工资证明格式
2014/09/13 职场文书
公司庆典欢迎词
2015/01/26 职场文书
导游词范文
2015/02/13 职场文书
毕业赠语大全
2015/06/23 职场文书
交流会主持词
2015/07/02 职场文书
浅谈JavaScript作用域
2021/12/06 Javascript