首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

滚动的图片如何做

2012-02-20 
滚动的图片怎么做?图片向左滚动 或者向上滚动总共10几个图片, 在滚动画面中能看到3个不用Flash 用dhtml的

滚动的图片怎么做?
图片向左滚动 或者向上滚动

总共10几个图片, 在滚动画面中能看到3个

不用Flash 用dhtml的话怎么做, 最好有html代码示范:)
谢谢.


[解决办法]
<marquee></marquee> or javascript
[解决办法]
LS的,MARQUEE可以移动图片,就是有些效果难出来而已。。。
[解决办法]
参考:http://www.v-ec.com/dh20156/article.asp?id=84
[解决办法]
楼主的呢称竟然和我一样。。。。哈

到百度搜索"JS无缝滚动"的代码吧。
[解决办法]

HTML code
 
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 120px" align=center>
  <DIV id=demo1>
  <DIV> </DIV>
<img src="http://profile.csdn.net/kaukiyou/picture/2.jpg" /> <br>
<img src="http://profile.csdn.net/kaukiyou/picture/2.jpg" /> <br>
<img src="http://profile.csdn.net/kaukiyou/picture/2.jpg" /> <br>
      <DIV>
  <TABLE cellPadding=2 width="100%" border=0>
    <TBODY> </TBODY> </TABLE> </DIV> </DIV>
  <DIV id=demo2> </DIV> </DIV>
<SCRIPT language=javascript type=text/javascript>
<!--
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var speed=10, offset=50;
var MyMar = setInterval(Marquee,speed);
demo2.innerHTML = demo1.innerHTML;
function doTimeout(){
if (!MyMar) MyMar = setInterval(Marquee,speed);
}
function Marquee(){
  if(demo2.offsetTop-demo.scrollTop <=0) {
    demo.scrollTop-=demo1.offsetHeight;
  }else{
    demo.scrollTop++
offset--;
if (offset <0) {
clearInterval(MyMar);
MyMar=0;offset=50;
setTimeout(doTimeout, 2000);
}
  }
}
demo.onmouseover = function(){clearInterval(MyMar);MyMar=0;}
demo.onmouseout = function(){if(!MyMar)MyMar = setInterval(Marquee,speed);}
-->
</SCRIPT>

热点排行