主题:  关于图片滚动效果,急!急!

lynnz

职务:普通成员
等级:1
金币:0.0
发贴:72
注册:2001/10/31 17:02:59
#12004/1/10 0:30:48
有十几张照片,分别缩小做成按钮,我想让它们排成一列滚动,用遮罩罩住只看得出几个,鼠标移入就停止滚动,点击按钮,会在屏幕上显示相应的图片,这个效果怎么做啊?网上找的教程不是down不了,就是不解决问题。先谢谢了!



vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
注册:2003/5/23 12:33:46
#22004/1/10 11:46:18
晕~这个可以用JS脚本~~~也可以实现的~
除非一定要用FLASH



mzfree

职务:普通成员
等级:1
金币:1.0
发贴:226
注册:2003/5/30 20:34:01
#32004/1/10 13:22:08
你可以先将其图片一张一张的做按钮。
把所有的按钮放在一个mc里,然后命名为:mzfree
然后再把所有mzfree这个mc做成一下大的按钮,加上as:
on(dragover){
tellTarget("mzfree")
stop();
}
on(dragout){
tellTarget("mzfree")
play();
}
在做一个mc让大的按钮滚动
ok了



pcalvin

职务:普通成员
等级:1
金币:0.0
发贴:108
注册:2003/11/17 15:59:45
#42004/1/10 17:59:12
又学到东西了!!哈哈!!



lynnz

职务:普通成员
等级:1
金币:0.0
发贴:72
注册:2001/10/31 17:02:59
#52004/1/11 0:12:00
mzfree在上个帖子中说
引用:
你可以先将其图片一张一张的做按钮。
把所有的按钮放在一个mc里,然后命名为:mzfree
然后再把所有mzfree这个mc做成一下大的按钮,加上as:
on(dragover){
telldrag("mzfree"
stop();
}
on(dragout){
telldrag"("mzfree"
play();
}
在做一个mc让大的按钮滚动
ok了



语句是不是加在大mc中的按钮上??怎么只能停下来,dragout以后不动?
另外怎么控制点击按钮以后图片在屏幕上的显示的位置,几个按钮是移动动的,
想让他们显示的位置固定怎么做?
再次谢谢!



lynnz

职务:普通成员
等级:1
金币:0.0
发贴:72
注册:2001/10/31 17:02:59
#62004/1/11 12:06:45
vickie在上个帖子中说
引用:
晕~这个可以用JS脚本~~~也可以实现的~
除非一定要用FLASH



首先把脚本放在<body>区内。具体的位置由你网页的位置而定。
其次,如果你想把它做成链接,点击后,进入到下一页面。这样就需要需改一下~(所谓的修改,只要在图片上加入超链接就可以了。)另外,把这个图片(大的图片,单独的做为一个网页。)
让链接地址调用这个网页~每个小图片都有一个对应的链接对址~所指向的网页。
不知道我的说明,是否清晰。如有不明,可以在论坛回贴给我。(代码如下:)


<script>
var speed=30
demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed) //设置定时器
demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器
</script>
______________________________________

最后我要生成swf文件放在director里,这串脚本往哪放呢?



vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
注册:2003/5/23 12:33:46
#72004/1/11 14:53:31
<base href="http://www.flash8.net">
<div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff><div id=demo1>
<img src="images/flash8.gif">
<img src="images/link/flashempire.gif">
<img src="images/linklogo/shlogo.gif">
<img src="images/link/deskcity.gif">
<img src="images/linklogo/5dmeng.gif">
<img src="http://www.blueidea.com/logo.gif">
<img src="images/link/flashskylogo.gif">
<img src="images/link/5dlogo88.gif">
<img src="http://www.yiiboo.com/cgercn/link.gif">
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML    //克隆demo1为demo2
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)    //当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight        //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)    //设置定时器
demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器
</script>
~~
晕~~还有图片路径~~呢~~~
不过~~~~你要放在DIRECTOR里??这个~~~好像不行了。我还以为你要做的滚动图片要放在网页里呢~~~MARQUEE,是网页标记~