兼容IE和Firefox火狐的上下、左右循环滚动JS代码
来源:互联网 发布:python 视频教程 编辑:程序博客网 时间:2024/04/30 22:50
上下滚动代码
<div id="demo" onmouseover="clearInterval(inter)" onmouseout="inter=setInterval(qswhMarquee,30)" style="overflow:hidden; height:60px"> <div id="demo1">111111111111111<br>222222222222222<br>333333333333333<br>444444444444444<br>555555555555555</div> <div id="demo2"></div> </div> <script>var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show");var inter;t2.innerHTML=t1.innerHTML;function qswhMarquee(){if(t2.offsetTop<=t.scrollTop)t.scrollTop-=t1.offsetHeight;elset.scrollTop++;}inter=setInterval(qswhMarquee,30);function getid(id){return document.getElementById(id);}</script>
左右滚动代码
<style type="text/css" media="all">.d1{margin:10px auto;width:200px;background-color:#CCCCCC;height:20px;overflow:hidden;white-space:nowrap;}.d2{margin:0px auto;background-color:#FF9933;}.div2{width:auto;height:20px;font-size:12px;}</style> <script language="javascript" type="text/javascript">var s,s2,s3,s4,timer,i=0;function init(){s=getid("div1");s2=getid("div2");s3=getid("div3");s4=getid("div4");s4.innerHTML=s3.innerHTML;s2.style.width=s.offsetWidth+"px";s2.style.height=s.offsetHeight+"px";timer=setInterval(mar,30)}function mar(){//s2.innerHTML=s.scrollLeft;if(s3.offsetWidth<=s.scrollLeft){s.scrollLeft-=s3.offsetWidth;}else{s.scrollLeft++;}}function getid(id){return document.getElementById(id);}window.onload=init;</script> <div class="d1" id="div1"> <span class="div2" id="div3"> 余志国网站设计工作室提供专业的外贸网站建站服务。</span> <span id="div4" class="div2"></span> </div> <div class="d2" id="div2"></div>
- 兼容IE和Firefox火狐的上下、左右循环滚动JS代码
- js文字上下滚动+左右滚动兼容FF/IE
- js 图片链接滚动代码 兼容火狐和ie
- 兼容ie和火狐firefox的js调用flash播放器代码特效
- ie和火狐都兼容的滚动
- 符合标准的间隙滚动代码(兼容IE和FireFox)
- 符合标准的间隙滚动代码(兼容IE和FireFox)
- 制作兼容IE和火狐的JS回车代码(转)
- 制作兼容IE和火狐的JS回车代码
- JS回车兼容IE和火狐的代码
- 无缝循环marquee滚动JS代码实现,兼容IE, FireFox, Chrome
- js左右上下滚动代码
- js 复制到剪贴板 ,兼容支持火狐firefox 和 ie
- IE和firefox火狐在JS、css兼容区别
- 基于jquery的循环左右滚动和上下滚动效果
- js、jQuery,兼容IE与firefox火狐的回车事件
- IE和FireFox中都兼容的JS代码
- 兼容Firefox和IE的禁用Tab键JS代码
- IOS6 控件专辑
- Linux命令行性能监测命令
- 嵌入式设备web服务器比较
- 2013.04.16(css的position属性)
- 笔记~~linux驱动
- 兼容IE和Firefox火狐的上下、左右循环滚动JS代码
- ios的延迟执行方法
- C++ 多线程开发技巧 2
- 提问的智慧(转载)
- 使用Javah 生成C/C++头文件的误区
- 哪些互联网产品适合用 HTML5 开发?
- 网蜂的点亮led程序的中文注释
- linux下jni编程指南之——HelloWorld
- oracle中的number数据类型的浅析