Js图片无缝滚动效果2014-11-18 15:59:52

( 6人已投票,[高质量] )
分享:
31.3K

Js图片无缝滚动效果,喜欢的加个星吧,Js图片无缝滚动效果

Js图片无缝滚动效果Js图片无缝滚动效果Js图片无缝滚动效果Js图片无缝滚动效果Js图片无缝滚动效果

关键的代码块:

<style type="text/css" _ue_org_tagname="style"><!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 600%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
--></style>
<p>
  Js滚动特效大全<br />
</p>
<div id="demo">
  <div id="indemo">
    <div id="demo1">
      <p>
<a href="#"><img src="/games/pic/0.jpg" border="0" /></a>
<a href="#"><img src="/games/pic/0.jpg" border="0" /></a>
<a href="#"><img src="/games/pic/0.jpg" border="0" /></a>
<a href="#"><img src="/games/pic/0.jpg" border="0" /></a>
<a href="#"><img src="/games/pic/0.jpg" border="0" /></a>
      </p>
    </div>
    <div id="demo2">
    </div>
  </div>
</div>
<script _ue_org_tagname="script">
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>







头像

snowcoal
  • js
  • 无缝滚动
  • 图片滚动

收藏到我的私密空间

标题:Js图片无缝滚动效果

作者:花花世界

你暂未登录,请登录后才可收藏至您的私密空间 确认取消
雪炭网

键盘操作 更便捷 -雪炭网雪中送炭-乐趣无限