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中的void运算符语法及使用介绍
Mar 10 Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
JavaScript调用浏览器打印功能实例分析
Jul 17 Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
Feb 10 Javascript
Mac中安装nvm的教程分享
Dec 11 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
Apr 02 Javascript
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
详解vue-property-decorator使用手册
Jul 29 Javascript
vue实现侧边栏导航效果
Oct 21 Javascript
在vue中配置不同的代理同时访问不同的后台操作
Sep 11 Javascript
微信小程序获取当前时间及星期几的实例代码
Sep 20 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 Http_Template_IT类库进行模板替换
2009/03/19 PHP
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
php图片添加水印例子
2016/07/20 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
Javascript 通过json自动生成Dom的代码
2010/04/01 Javascript
window.onload追加函数使用示例
2014/03/03 Javascript
js限制文本框只能输入数字方法小结
2014/06/16 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
js实现图片轮播效果
2015/12/19 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
JavaScript实现的商品抢购倒计时功能示例
2017/04/17 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
详解Vue之计算属性
2020/06/20 Javascript
Python编程把二叉树打印成多行代码
2018/01/04 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
PyCharm 2020 激活到 2100 年的教程
2020/03/25 Python
Python定义函数实现累计求和操作
2020/05/03 Python
Pyinstaller加密打包应用的示例代码
2020/06/11 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
澳大利亚排名第一的狂热牛仔品牌:ONETEASPOON
2018/11/20 全球购物
经理管理专业毕业自荐书范文
2014/02/12 职场文书
产品质量承诺书范文
2014/03/27 职场文书
信访工作经验交流材料
2014/05/23 职场文书
人事代理委托书
2014/09/27 职场文书
酒店宣传语大全
2015/07/13 职场文书
2016国培学习心得体会
2016/01/08 职场文书
MYSQL 运算符总结
2021/11/11 MySQL