首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网络编程
>
Javascript
> js数据向上翻滚_数据滚动
Javascript
页面中body onload 和 window.onload 冲突的问题的解决
OnFocus与OnBlur的例子区别
javascript cloneNode()方法的使用
Javascript 文件夹选择框的两种解决方案
JQuery 风格的HTML文本转义
javascript 验证码生成代码 推荐学习
javascript new 需不需要继续使用
javascript 操作文件 实现方法小结
JavaScript 注册表访问实现代码
javascript web页面刷新的方法收集
Javascript 遍历对象中的子对象
javascript 具名函数的四种调用方式 推荐
javascript 写类方式之一
javascript 写类方式之二
javascript 写类方式之三
javascript 写类方式之四
javascript 写类方式之五
javascript 写类方式之六
javascript 写类方式之七
javascript 写类方式之八
No.
«
‹
143
144
145
146
›
»
技术文章搜索
关键字
Javascript 中的 js数据向上翻滚_数据滚动
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-12
浏览: 259 ::
收藏到网摘: n/a
JavaScript更改class和id的方法
javascript弹出一个层并增加一个覆盖层
方便做一些问题提交等宣传效果,多用于文字滚动
复制代码
代码如下:
<script type="text/javascript">
var scrollDelay=10;//数字越大速度越慢
var Scroll=document.getElementById("scroll");
var Scroll2=document.getElementById("scroll2");
var currentTop=0,preTop=0,stoptime=0,stopscroll=false;
var ScrollChild=Scroll.getElementsByTagName("li");
var ScrollHeight=Scroll.offsetHeight;
function ScrollInfo(){
if(stopscroll==true) return;
currentTop++;
if(currentTop+1>=ScrollHeight){
currentTop--;
stoptime++;
if(stoptime==parseInt(ScrollHeight)*scrollDelay) {
currentTop=0;
stoptime=0;
}
}else{
preTop=Scroll.scrollTop;
Scroll.scrollTop++;
if(preTop==Scroll.scrollTop){
Scroll.scrollTop=Scroll2.offsetHeight-ScrollHeight;
Scroll.scrollTop+=1;
}
}
}
function Int_Scroll(){
Scroll2.innerHTML="";
Scroll2.innerHTML=Scroll.innerHTML;
Scroll.innerHTML=Scroll2.innerHTML+Scroll2.innerHTML;
Scroll.onmouseover=function(){
stopscroll=true;
}
Scroll.onmouseout=function(){
stopscroll=false;
}
setInterval("ScrollInfo()",scrollDelay);
}
window.setTimeout("Int_Scroll()",1000);
</script>
点击运行可以看到效果:
Untitled
软晨学习网
ruanchen.com
看书了
kanshule.com
好好学习
发生大幅6
发生大幅7
发生大幅8
发生大幅9
发生大幅10
发生大幅11
发生大幅12
发生大幅13
发生大幅14
发生大幅15
发生大幅16
发生大幅17
发生大幅18
发生大幅19
发生大幅20
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
JavaScript更改class和id的方法
javascript弹出一个层并增加一个覆盖层
评论 (0)
All
登陆
还没注册?