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 相关文章推荐
Visual Studio中的jQuery智能提示设置方法
Mar 27 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
Javascript中的String对象详谈
Mar 03 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
Feb 25 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
原生JS实现自定义滚动条效果
Oct 27 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
Mar 23 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
Vue微信公众号网页分享的示例代码
May 28 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
CI框架中zip类应用示例
2014/06/17 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
用document.documentElement取代document.body的原因分析
2009/11/12 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
jQuery中:not选择器用法实例
2014/12/30 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
jQuery实现的跨容器无缝拖动效果代码
2016/06/21 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
jQuery实现鼠标滑过预览图片大图效果的方法
2017/04/26 jQuery
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
2017/12/22 Javascript
对Vue beforeRouteEnter 的next执行时机详解
2018/08/25 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
Vue组件间数据传递的方式(3种)
2020/07/13 Javascript
微信小程序实现底部弹出框
2020/11/18 Javascript
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
python通过post提交数据的方法
2015/05/06 Python
Python功能键的读取方法
2015/05/28 Python
在Python的Django框架中使用通用视图的方法
2015/07/21 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
对YOLOv3模型调用时候的python接口详解
2019/08/26 Python
Django分组聚合查询实例分享
2020/04/29 Python
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
Ajax和javascript的区别
2013/07/20 面试题
《菜园里》教学反思
2014/04/17 职场文书
安全协议书范本
2014/04/21 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
人事专员岗位说明书
2014/07/29 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
语文教师求职信范文
2015/03/20 职场文书
2015年公司后勤管理工作总结
2015/05/13 职场文书
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js