首页 > web前端 > js教程 > 正文

兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码_javascript技巧

WBOY
发布: 2016-05-16 17:36:19
原创
1100 人浏览过

html里的marqueen也能实现内容的滚动,但滚动是间断的,在滚动一个周期中,会有一段空白出现。如果滚动的区域比较大,空间的出现,会让页面看起来很不美观。运用JavaScript可以使这一问题得到改观,实现无间断的滚动。

上下循环滚动代码

复制代码 代码如下:



111111111111111

222222222222222

333333333333333

444444444444444

555555555555555



<script> <BR>var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"); <BR>var inter; <BR>t2.innerHTML=t1.innerHTML; <BR>function qswhMarquee(){ <BR>if(t2.offsetTop<=t.scrollTop) <BR>t.scrollTop-=t1.offsetHeight; <BR>else <BR>t.scrollTop++; <BR>} <BR>inter=setInterval(qswhMarquee,30); <BR>function getid(id){ <BR>return document.getElementById(id); <BR>} <BR></script>

文字左右循环滚动代码
复制代码 代码如下:




余志国网站设计工作室提供专业的外贸网站建站服务。



相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!