js文字滚动停顿效果代码


Posted in Javascript onJune 28, 2008

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>间断滚动_3water.com_三水点靠木</title>
<style>
#Marquee{ height:60px; overflow:hidden;}
#Marquee div{ border:1px solid #DDD3FE; background:#EEECF4; height:58px;}
</style>
</head>
<body>
<div id="Marquee">
    <div style="width: 160px; height: 58px">间断-1-caiying2007</div>
    <div style="width: 160px; height: 58px">间断-2-caiying2007</div>
    <div style="width: 160px; height: 58px">间断-3-caiying2007</div>
</div>
<script>
var Mar = document.getElementById("Marquee");
var child_div=Mar.getElementsByTagName("div")
var picH = 60;//移动高度
var scrollstep=3;//移动步幅,越大越快
var scrolltime=20;//移动频度(毫秒)越大越慢
var stoptime=3000;//间断时间(毫秒)
var tmpH = 0;
Mar.innerHTML += Mar.innerHTML;
function start(){
    if(tmpH < picH){
        tmpH += scrollstep;
        if(tmpH > picH )tmpH = picH ;
        Mar.scrollTop = tmpH;
        setTimeout(start,scrolltime);
    }else{
        tmpH = 0;
        Mar.appendChild(child_div[0]);
        Mar.scrollTop = 0;
        setTimeout(start,stoptime);
    }
}
onload=function(){setTimeout(start,stoptime)};
</script></body>
</html>

Javascript 相关文章推荐
js中的replace方法使用介绍
Oct 28 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
jquery自定义函数的多种方法
Jan 09 Javascript
jQuery表格插件datatables用法总结
Sep 05 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 Javascript
理解javascript中的严格模式
Feb 01 Javascript
JavaScript中return用法示例
Nov 29 Javascript
AngularJS 文件上传控件 ng-file-upload详解
Jan 13 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
Apr 13 Javascript
基于jQuery的左滑出现删除按钮的示例
Aug 29 jQuery
H5+C3+JS实现五子棋游戏(AI篇)
May 28 Javascript
JS的时间格式化和时间戳转换函数示例详解
Jul 27 Javascript
js兼容标准的表格变色效果
Jun 28 #Javascript
js查找父节点的简单方法
Jun 28 #Javascript
一个小型js框架myJSFrame附API使用帮助
Jun 28 #Javascript
JavaScript 给汉字排序实例代码
Jun 28 #Javascript
教你如何解密js/vbs/vbscript加密的编码异处理小结
Jun 25 #Javascript
JS解密入门 最终变量劫持
Jun 25 #Javascript
JS解密入门之凭直觉解
Jun 25 #Javascript
You might like
php5.3中连接sqlserver2000的两种方法(com与ODBC)
2012/12/29 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
PHP入门教程之日期与时间操作技巧总结(格式化,验证,获取,转换,计算等)
2016/09/11 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
javascript中Math.random()使用详解
2015/04/15 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
2015/12/04 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
jquery实现侧边栏左右伸缩效果的示例
2017/12/19 jQuery
JavaScript生成指定范围随机数和随机序列的方法
2018/05/05 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
一文搞懂ES6中的Map和Set
2019/05/20 Javascript
node实现socket链接与GPRS进行通信的方法
2019/05/20 Javascript
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
2020/09/16 Javascript
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
Python实现的金山快盘的签到程序
2013/01/17 Python
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
python正则表达式面试题解答
2020/04/28 Python
Python数据类型中的“冒号“[::]——分片与步长操作示例
2018/01/24 Python
浅谈Python接口对json串的处理方法
2018/12/19 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
美国翻新电子产品商店:The Store
2019/10/08 全球购物
理工大学毕业生自荐信范文
2014/02/22 职场文书
小升初自荐信怎么写
2015/03/26 职场文书