完全兼容IE, FF, Opera的无缝滚动代码
- 作者：佚名 来源：赛酷建站 文章点击数：
完全兼容IE, FF, Opera的无缝滚动代码
<html>
<HEAD>
<TITLE>标准之路</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
</HEAD>
<body>
<div id="demo" style="overflow:hidden;height:132px;width:500px; border:1px solid #dde5bc; overflow:hidden;">
<div id=demo1>
<a href="http://www.syku.net">完全兼容IE, FF, Opera, 其它的还未经测试……</a><br>
<a href="http://www.syku.net">代码来自互联网，我只不过稍加整理，希望大家多提意件……</a><br>
<a href="http://www.syku.net">完全兼容IE, FF, Opera, 其它的还未经测试……</a><br>
<a href="http://www.syku.net">代码来自互联网，我只不过稍加整理，希望大家多提意件……</a><br>
<a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a><br>
<a href="#">代码来自互联网，我只不过稍加整理，希望大家多提意件……</a><br>
<a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a><br>
<a href="#">代码来自互联网，我只不过稍加整理，希望大家多提意件……</a><br>
<a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a><br>
<a href="#">代码来自互联网，我只不过稍加整理，希望大家多提意件……</a><br>
<a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a><br>
<a href="#">代码来自互联网，我只不过稍加整理，希望大家多提意件……</a><br>
</div>
<div id=demo2></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>
- 上一篇：创意滑动菜单效果
- 下一篇：仿阿里妈妈首页图片轮换广告代码
- 相关文章
| ·新加波设计师Jeff Mendoza精美网页设计欣赏（二） | 07-15 |
| ·新加波设计师Jeff Mendoza精美网页设计欣赏（一） | 07-15 |
| ·凌乱中的完美韵律 Barral Fabien灵动作品 | 07-14 |
| ·一个背景变暗的div可拖动提示窗口，兼容IE、Firefox、 | 07-11 |
| ·Flash Player爆严重安全漏洞 木马恶意攻击 | 07-04 |
| ·Google推网络广告营销联盟 威胁亚马逊 | 07-01 |
| ·卡巴斯基实验室发现IE恶意软件攻击漏洞 | 06-28 |
| ·Redoffice.cn的域名保卫战 | 06-26 |
