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下弹出窗口的变通
Apr 18 Javascript
window.onload 加载完毕的问题及解决方案(上)
Jul 09 Javascript
javascript开发中因空格引发的错误
Nov 08 Javascript
js中parseInt函数浅谈
Jul 31 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
jquery表单插件Autotab使用方法详解
Jun 24 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
Vue与React的区别和优势对比
Dec 18 Vue.js
前端vue+express实现文件的上传下载示例
Feb 18 Vue.js
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
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
php curl模拟post请求小实例
2013/11/13 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
Prototype中dom对象方法汇总
2008/09/17 Javascript
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
以Python代码实例展示kNN算法的实际运用
2015/10/26 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
angularjs数组判断是否含有某个元素的实例
2018/02/27 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
vue两个组件间值的传递或修改方式
2018/07/04 Javascript
微信小程序ibeacon三点定位详解
2018/10/31 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
python-opencv在有噪音的情况下提取图像的轮廓实例
2017/08/30 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
python实战教程之自动扫雷
2018/07/13 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
PyQtGraph在pyqt中的应用及安装过程
2019/08/04 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
介绍一下你对SOA的认识
2016/04/24 面试题
医生进修自我鉴定
2014/01/19 职场文书
学雷锋献爱心活动总结
2015/05/11 职场文书
python全面解析接口返回数据
2022/02/12 Python
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android