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获取GridView选择的行内容
Apr 14 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
Oct 25 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
Jan 27 Javascript
JS Attribute属性操作详解
May 19 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
JS之相等操作符详解
Sep 13 Javascript
利用vue写todolist单页应用
Dec 15 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
Apr 27 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
vue中data里面的数据相互使用方式
Jun 05 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中进行身份认证
2006/10/09 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
JavaScript中的this实例分析
2011/04/28 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
2013/06/26 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
VueJs路由跳转——vue-router的使用详解
2017/01/10 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
NodeJS自定义模块写法(详解)
2017/06/27 NodeJs
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
2018/08/13 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
vue移动端弹框组件的实例
2018/09/25 Javascript
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
基于vue写一个全局Message组件的实现
2019/08/15 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
2019/11/05 Javascript
在vue中created、mounted等方法使用小结
2020/07/21 Javascript
原生JS实现音乐播放器
2021/01/26 Javascript
python获取糗百图片代码实例
2013/12/18 Python
使用tensorflow实现AlexNet
2017/11/20 Python
Python画柱状统计图操作示例【基于matplotlib库】
2018/07/04 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
Python使用微信itchat接口实现查看自己微信的信息功能详解
2019/08/22 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
浅谈python多线程和多线程变量共享问题介绍
2020/04/17 Python
python中加背景音乐如何操作
2020/07/19 Python
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
办理退休介绍信
2014/01/09 职场文书
常务副县长“三严三实”对照检查材料思想汇报
2014/10/05 职场文书
go类型转换及与C的类型转换方式
2021/05/05 Golang