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 相关文章推荐
用Javscript实现表单复选框的全选功能
May 25 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
May 12 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
详解jQuery停止动画——stop()方法的使用
Dec 14 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
vue-cli中使用高德地图的方法示例
Mar 28 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
php 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
php设计模式 Proxy (代理模式)
2011/06/26 PHP
php常量详细解析
2015/10/27 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
Zend Framework教程之前端控制器Zend_Controller_Front用法详解
2016/03/07 PHP
PHP实现批量重命名某个文件夹下所有文件的方法
2017/09/04 PHP
PHP时间处理类操作示例
2018/09/05 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
Chrome中JSON.parse的特殊实现
2011/01/12 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
解析瀑布流布局:JS+绝对定位的实现
2013/05/08 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
jQuery实现页面评论栏中访客信息自动填写功能的方法
2016/05/23 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
laydate.js日期时间选择插件
2017/01/04 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
实例说明Python中比较运算符的使用
2015/05/13 Python
使用Python读写及压缩和解压缩文件的示例
2016/07/08 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
python实现各种插值法(数值分析)
2019/07/30 Python
django多文件上传,form提交,多对多外键保存的实例
2019/08/06 Python
Python类中的魔法方法之 __slots__原理解析
2019/08/26 Python
通过字符串导入 Python 模块的方法详解
2019/10/27 Python
Django 再谈一谈json序列化
2020/03/16 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
地理科学专业毕业生求职信
2013/10/15 职场文书
初三化学教学反思
2014/01/23 职场文书
商业活动邀请函
2014/02/04 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
幼儿园春季开学寄语
2014/04/03 职场文书
关于运动会的广播稿
2014/09/22 职场文书
西游降魔篇观后感
2015/06/15 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书