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写的实用看图工具实现代码
Jul 26 Javascript
Jquery下attr和removeAttr的使用方法
Dec 28 Javascript
Javascript面向对象编程
Mar 18 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
Jun 06 Javascript
JQuery实现的按钮倒计时效果
Dec 23 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
JS实现的样式切换功能tableCSS实例
Dec 30 Javascript
JavaScript实现两个select下拉框选项左移右移
Mar 09 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
Dec 29 Javascript
JS数组方法slice()用法实例分析
Jan 18 Javascript
JavaScript数组reduce()方法的语法与实例解析
Jul 07 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
一些星际专用术语解释
2020/03/04 星际争霸
PHP操作Memcache实例介绍
2013/06/14 PHP
php将金额数字转化为中文大写
2015/07/09 PHP
php短信接口代码
2016/05/13 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
javascript预览上传图片发现的问题的解决方法
2010/11/25 Javascript
javascript基础知识大集锦(一) 推荐收藏
2011/01/13 Javascript
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
JS取request值以及自动执行使用示例
2014/02/24 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
angular2 ng build部署后base文件路径问题详细解答
2017/07/15 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
2015/05/02 Python
Python编程之string相关操作实例详解
2017/07/22 Python
快速了解python leveldb
2018/01/18 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
python 实现&quot;神经衰弱&quot;翻牌游戏
2020/11/09 Python
美国最好的保健品打折网店:Swanson
2017/08/04 全球购物
什么是makefile? 如何编写makefile?
2012/08/08 面试题
行政人员岗位职责
2013/12/08 职场文书
学校十一活动方案
2014/02/01 职场文书
财产公证书
2014/04/10 职场文书
销售内勤岗位职责
2014/04/15 职场文书
信息员培训方案
2014/06/12 职场文书
土建施工员岗位职责
2014/07/16 职场文书
2015年干部教育培训工作总结
2015/05/15 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书
Python中的min及返回最小值索引的操作
2021/05/10 Python
什么是clearfix (一文搞清楚css清除浮动clearfix)
2023/05/21 HTML / CSS