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 相关文章推荐
JavaScript实现快速排序(自已编写)
Dec 19 Javascript
node在两个div之间移动,用ztree实现
Mar 06 Javascript
jquery选择器、属性设置用法经验总结
Sep 08 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
node.js中的console.log方法使用说明
Dec 09 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
Winform客户端向web地址传参接收参数的方法
May 17 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
Dec 21 Javascript
详解CocosCreator消息分发机制
Apr 16 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
PHP验证码函数代码(简单实用)
2013/09/29 PHP
php通过ajax实现双击table修改内容
2014/04/28 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
php实现登录页面的简单实例
2019/09/29 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
js 中 document.createEvent的用法
2010/08/29 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
2014/08/15 Javascript
javascript与Python快速排序实例对比
2015/08/10 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
Nodejs 获取时间加手机标识的32位标识实现代码
2017/03/07 NodeJs
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
微信小程序授权获取用户详细信息openid的实例详解
2017/09/20 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
微信小程序基于picker实现级联菜单
2019/02/15 Javascript
读懂CommonJS的模块加载
2019/04/19 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
Python解决鸡兔同笼问题的方法
2014/12/20 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
详解centos7+django+python3+mysql+阿里云部署项目全流程
2019/11/15 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
家长学校培训材料
2014/08/20 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
2014年学校体育工作总结
2014/12/08 职场文书
放弃继承权公证书
2015/01/23 职场文书
php png失真的原因及解决办法
2021/11/17 PHP