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
Sep 24 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
学习Vue组件实例
Apr 28 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
对layui中表单元素的使用详解
Aug 15 Javascript
关于JavaScript中高阶函数的魅力详解
Sep 07 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
p5.js临摹动态图形的方法
Oct 23 Javascript
vue中使用vee-validator完成表单校验方案
Nov 01 Javascript
mpvue实现微信小程序快递单号查询代码
Apr 03 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
关于mysql 字段的那个点为是定界符
2007/01/15 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
js 小贴士一星期合集
2010/04/07 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
javascript函数以及基础写法100多条实用整理
2013/01/13 Javascript
jquery实现树形二级菜单实例代码
2013/11/20 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
2016/01/29 Javascript
Node.js调试技术总结分享
2017/03/12 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
nodejs和react实现即时通讯简易聊天室功能
2019/08/21 NodeJs
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
js前端对于大量数据的展示方式及处理方法
2020/12/02 Javascript
[19:54]夜魇凡尔赛茶话会 第一期02:看图识人
2021/03/11 DOTA
python实现文件分组复制到不同目录的例子
2014/06/04 Python
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
python实现两个文件合并功能
2018/04/01 Python
python+openCV调用摄像头拍摄和处理图片的实现
2019/08/06 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
Django中ORM的基本使用教程
2020/12/22 Python
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
汽车检测与维修个人求职信
2013/09/24 职场文书
编辑求职信样本
2013/12/16 职场文书
考试退步检讨书
2014/01/15 职场文书
深度好文:50条没人告诉你的人生经验,句句精辟
2019/08/22 职场文书
800字作文之大雪
2019/12/04 职场文书
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS