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切换光标示例代码
Oct 10 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
Angular使用ng-messages与PHP进行表单数据验证
Dec 28 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
利用Vue实现移动端图片轮播组件的方法实例
Aug 23 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
Jan 26 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 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
融入意大利的咖啡文化
2021/03/03 咖啡文化
php解析json数据实例
2014/08/19 PHP
php获取文件后缀的9种方法
2016/03/22 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
JavaScript如何自定义trim方法
2015/07/28 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
js中字符型和数值型数字的互相转化方法(必看)
2017/04/25 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
JS Thunk 函数的含义和用法实例总结
2020/04/08 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
2020/10/29 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
详解Python编程中time模块的使用
2015/11/20 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
python算法表示概念扫盲教程
2017/04/13 Python
Python中异常重试的解决方案详解
2017/05/05 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
利用matplotlib实现根据实时数据动态更新图形
2019/12/13 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
工作表现自我评价
2014/02/08 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
社区植树节活动总结
2015/02/06 职场文书
MySQL分库分表详情
2021/09/25 MySQL
python开发制作好看的时钟效果
2022/05/02 Python