| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1490 人关注过本帖
标题:怎么制作图片从下而上动的效果??
只看楼主 加入收藏
ysf0181
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:55
帖 子:914
专家分:2385
注 册:2006-10-4
结帖率:76.71%
收藏
 问题点数:0 回复次数:8 
怎么制作图片从下而上动的效果??
   就是图片从下而上不停的走动的效果。。。。。。。谢谢!!!图片左右的效果我会。。由下而上的效果作不来噢。。。。。。。
搜索更多相关主题的帖子: 效果 制作 
2007-06-25 10:34
cyyu_ryh
Rank: 8Rank: 8
等 级:贵宾
威 望:45
帖 子:1899
专家分:176
注 册:2006-10-21
收藏
得分:0 

用JS


有事无事都密我. MSN: cyyu_ryh@hotmail.co.jp E-mail: cyyu_ryh@
2007-06-25 12:34
yndkai
Rank: 3Rank: 3
等 级:新手上路
威 望:7
帖 子:275
专家分:0
注 册:2007-6-1
收藏
得分:0 

这个 不知道是不是你要的
[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]


本来讨厌下雨的天空 直到听见有人说爱我
2007-06-25 16:57
ysf0181
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:55
帖 子:914
专家分:2385
注 册:2006-10-4
收藏
得分:0 

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


ASP讨论QQ群:251346273
2007-06-25 22:05
srxt06
Rank: 1
等 级:新手上路
帖 子:50
专家分:0
注 册:2007-10-7
收藏
得分:0 
强人!

努力一切皆有可能,编程亦是如此!
2007-10-08 11:32
huangyong
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:湖北武汉
等 级:版主
威 望:20
帖 子:603
专家分:7
注 册:2006-7-21
收藏
得分:0 
呵呵,这是个比较常用的JS滚动,应该收藏着。
2007-10-08 13:18
skylence
Rank: 1
等 级:新手上路
帖 子:92
专家分:0
注 册:2006-11-15
收藏
得分:0 

不错 好东西啊


2007-10-17 18:55
左手na刀
Rank: 1
等 级:新手上路
帖 子:20
专家分:0
注 册:2007-10-13
收藏
得分:0 

学习了


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


2007-10-19 09:17
huangyong
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:湖北武汉
等 级:版主
威 望:20
帖 子:603
专家分:7
注 册:2006-7-21
收藏
得分:0 

给你发个横的:
<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>&nbsp;

<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>&nbsp;

<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>&nbsp;

<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>&nbsp;

<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>&nbsp;

</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>
网上一搜就搜索到了,要学会搜索引擎啊,呵呵

2007-10-19 20:37
快速回复:怎么制作图片从下而上动的效果??
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.012804 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved