怎么制作图片从下而上动的效果？？ - 编程论坛

#2

cyyu_ryh2007-06-25 12:34

用JS

#3

yndkai2007-06-25 16:57

这个不知道是不是你要的
[CODE]<div id=demo style=overflow:hidden;height:50px>
<div id="demo1">
<li><img src="img.gif" height="20" width="50"></li>
<li><img src="img.gif" height="20" width="50"></li>
<li><img src="img.gif" height="20" width="50"></li>
<li><img src="img.gif" height="20" width="50"></li>
<li><img src="img.gif" height="20" width="50"></li>
</div>
<div id="demo2"></div>
</div>
<script language="javascript">
var speed=30
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>
</div>[/CODE]

#4

ysf01812007-06-25 22:05

真的太感谢。就是我想要的哦。。谢谢。。

#5

srxt062007-10-08 11:32

强人!

#6

huangyong2007-10-08 13:18

呵呵，这是个比较常用的JS滚动，应该收藏着。

#7

skylence2007-10-17 18:55

不错好东西啊

#8

左手na刀2007-10-19 09:17

学习了

能不能麻烦楼主把横的怎么做也发一下

#9

huangyong2007-10-19 20:37

给你发个横的：
<DIV align=center>
<DIV id=scroll_div
style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 770px; HEIGHT: 102px"
align=center>
<TABLE width="100%">
<TBODY>
<TR>
<TD width="99%" id=scroll_begin>

<a href="objectopen.asp?id=55" target="_blank">
<img src="http://www.hdzygs.com/pic/0001.jpg" width="150" height="98" border="0" title="金色雅园5"></a> 

<a href="objectopen.asp?id=54" target="_blank">
<img src="http://www.hdzygs.com/pic/0002.jpg" width="150" height="98" border="0" title="金色雅园4"></a> 

<a href="objectopen.asp?id=53" target="_blank">
<img src="http://www.hdzygs.com/pic/0003.jpg" width="150" height="98" border="0" title="金色雅园3"></a> 

<a href="objectopen.asp?id=52" target="_blank">
<img src="http://www.hdzygs.com/pic/0004.jpg" width="150" height="98" border="0" title="金色雅园2"></a> 

<a href="objectopen.asp?id=51" target="_blank">
<img src="http://www.hdzygs.com/pic/0005.jpg" width="150" height="98" border="0" title="金色雅园1"></a> 

</TD>
<TD width="1%" id=scroll_end></TD>
</TR></TBODY></TABLE></DIV></DIV>
<SCRIPT>
var speed=5 //调整滚动的速度
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else{
scroll_div.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
scroll_div.onmouseover=function() {clearInterval(MyMar)}
scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>
网上一搜就搜索到了，要学会搜索引擎啊，呵呵