首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
js数据向上翻滚_数据滚动
所属分类:
网络编程
/
JavaScript
阅读数: 1377
收藏 0
赞 0
分享
复制代码
代码如下:
<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
脚本之家
jb51.net
看书了
kanshule.com
好好学习
发生大幅6
发生大幅7
发生大幅8
发生大幅9
发生大幅10
发生大幅11
发生大幅12
发生大幅13
发生大幅14
发生大幅15
发生大幅16
发生大幅17
发生大幅18
发生大幅19
发生大幅20
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
纯javascript判断查询日期是否为有效日期
很多网站都涉及到输入日期选项,如果客户日期输入错误,可能导入查询不到甚至查询到错误的信息,为了更好的满足用户需求,需要对日期进行校验,下面给大家介绍使用纯javascript如何判断查询日期是否为有效日期,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jquery实现的蓝色二级导航条效果代码
这篇文章主要介绍了jquery实现的蓝色二级导航条效果代码,涉及jquery鼠标事件及页面样式的动态切换效果实现技巧,非常简单实用,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
ajax如何实现页面局部跳转与结果返回
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,本篇文章给大家介绍ajax如何实现页面局部跳转与结果返
评论 0
收藏 0
赞 0
分享
jQuery实现的类似淘宝网站搜索框样式代码分享
这篇文章主要介绍了类似淘宝网站搜索框样式实现代码,推荐给大家,有需要的小伙伴可以参考下。
评论 0
收藏 0
赞 0
分享
js实现的黑背景灰色二级导航菜单效果代码
这篇文章主要介绍了js实现的黑背景灰色二级导航菜单效果代码,涉及javascript操作页面元素动态切换的实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jQuery仿360导航页图标拖动排序效果代码分享
这篇文章主要为大家详细介绍了360导航页图标拖动排序效果代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
javascript中SetInterval与setTimeout的定时器用法
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setT
评论 0
收藏 0
赞 0
分享
jquery带下拉菜单和焦点图代码分享
这篇文章主要介绍了jquery带下拉菜单和焦点图代码,推荐给大家,有需要的小伙伴可以参考下。
评论 0
收藏 0
赞 0
分享
jQuery实现的背景动态变化导航菜单效果
这篇文章主要介绍了jQuery实现的背景动态变化导航菜单效果,涉及jquery页面元素背景动态变换的实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
jquery+CSS实现的水平布局多级网页菜单效果
这篇文章主要介绍了jquery+CSS实现的水平布局多级网页菜单效果,涉及jquery页面元素属性动态变换效果实现技巧,非常具有实用价值,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
揭秘朋友圈面膜:足不出户 国内生产俩月造出国际大牌
调查:55.2%受访用户不会相信朋友圈打广告的化妆品
女子注册相亲网站收到短信 点击链接后6万块钱不翼而飞
怎样利用网络赚钱 网络赚钱有哪些方法
2017自媒体账号申请及运营的几点建议
SEO都有哪些赚钱的方式? SEO的十种赚钱方式详解
站长故事
更多
站长故事:用百度Site App建立起自己的移动端全过程
创业失败:一个屌丝站长4年互联网的辛酸经历
从月薪3500到身价3千万
PHPWind
个人经历:盲目的坚持更新网站真的有用吗?
网站SEO反面案例 7万RMB建设的企业网站哪里出了问题?