繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js文字滚动停顿效果代码
- Javascript
- js支持158、159开头的手机号的验证
- javascript学习网址备忘
- JScript的条件编译
- [原创]站长必须要知道的javascript广告代码
- js实现的点击超链显示隐藏层
- JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子
- JavaScript 不只是脚本
- 把JS与CSS写在同一个文件里的书写方法
- Javascript & DHTML 实例编程（教程）基础知识
- Javascript & DHTML 实例编程（教程）DOM基础和基本API
- javascript实现的一个图片转移效果
- 用js实现键盘方向键翻页功能的代码
- js实现DIV的一些简单控制
- 用CSS+JS实现的进度条效果效果
- 爱恋千雪-US-AscII加密解密工具（网页加密）下载
- 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口
- 非常不错的页面特效 建议大家看下
- javascript Zifa FormValid 0.1表单验证 代码打包下载
- 实现javascript的延期执行或者重复执行的两个函数
- 推荐一个不错的图片浏览效果
Javascript 中的 js文字滚动停顿效果代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 559 ::
收藏到网摘: n/a
javascript文字滚动停顿效果的实现代码 <!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>间断滚动_www.ruanchen.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>
评论 (0) All
