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 相关文章推荐
脚本安需导入(装载)的三种模式的对比
Jun 24 Javascript
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
Dec 08 Javascript
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 Javascript
JavaScript获取键盘按键的键码(参照表)
Jan 10 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
vue-cli+webpack记事本项目创建
Apr 01 Javascript
js如何获取网页所有图片
May 12 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 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 用数组降低程序的时间复杂度
2009/12/04 PHP
强烈声明: 不要使用(include/require)_once
2013/06/06 PHP
Yii中CGridView关联表搜索排序方法实例详解
2014/12/03 PHP
Session 失效的原因汇总及解决丢失办法
2015/09/30 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
2011/01/09 Javascript
javascript中常用编程知识
2013/04/08 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
jQuery设置与获取HTML,文本和值的简单实例
2014/02/26 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
2016/11/02 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
详解A标签中href=&quot;&quot;的几种用法
2017/08/20 Javascript
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
2018/09/21 Javascript
vue单页缓存存在的问题及解决方案(小结)
2018/09/25 Javascript
JS实现图片切换效果
2018/11/17 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
[47:38]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
opencv 图像滤波(均值,方框,高斯,中值)
2020/07/08 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
Omio中国:全欧洲低价大巴、火车和航班搜索和比价
2018/08/09 全球购物
一份Java笔试题
2012/02/21 面试题
个人课题方案
2014/05/08 职场文书
副科级后备干部考察材料
2014/05/15 职场文书
交通事故和解协议书
2014/09/25 职场文书
公司授权委托书格式范文
2014/10/02 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
党支部创先争优公开承诺书
2015/04/30 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript