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 相关文章推荐
静态的动态续篇之来点XML
Aug 15 Javascript
获取body标签的两种方法
Oct 13 Javascript
jQuery数组处理代码详解(含实例演示)
Feb 03 Javascript
js编码之encodeURIComponent使用介绍(asp,php)
Mar 01 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
Apr 17 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 Javascript
深入理解javascript的getTime()方法
Feb 16 Javascript
vue的事件绑定与方法详解
Aug 16 Javascript
express如何解决ajax跨域访问session失效问题详解
Jun 20 Javascript
解决layui动态加载复选框无法选中的问题
Sep 20 Javascript
JS实现简单日历特效
Jan 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
PHP伪静态写法附代码
2008/06/20 PHP
php获取访问者IP地址汇总
2015/04/24 PHP
php链表用法实例分析
2015/07/09 PHP
PHP制作用户注册系统
2015/10/23 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
学习YUI.Ext基础第一天
2007/03/10 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
JavaScript中的稀疏数组与密集数组[译]
2012/09/17 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
2016/12/06 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
2017/06/12 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
2019/01/18 jQuery
Vue学习之组件用法实例详解
2020/01/06 Javascript
初步剖析C语言编程中的结构体
2016/01/16 Python
Python网站验证码识别
2016/01/25 Python
详解Python中的from..import绝对导入语句
2016/06/21 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
碧欧泉Biotherm加拿大官方网站:法国高端护肤品牌
2019/10/18 全球购物
大学新生军训自我鉴定
2014/03/18 职场文书
国际商务专业毕业生自我鉴定2014
2014/09/27 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
大学生读书笔记范文
2015/07/01 职场文书
运动会3000米加油稿
2015/07/21 职场文书
超市店长竞聘书
2015/09/15 职场文书
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
Python基础之常用库常用方法整理
2021/04/30 Python
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS