主题:  关于首页图片动态交互效果制作的问题

mayer_5d

职务:普通成员
等级:1
金币:0.0
发贴:1
注册:2001/8/24 8:33:29
#12001/8/24 8:49:03
最近在www.163.net 和www.21cn.com的首页上都看到漂浮的小图片。
我原先也做过。在dreamweaver中用timelines就可以实现。
但我做的不是交互的,只有一幅图片在漂移,没有其它效果。
现在我看到首页上的图片,鼠标一移上去就是另外一幅大图片,而且是不动的。
鼠标移开就又恢复到原来的小图片,并且开始继续漂移。

我做了一下试验,有两个问题需要解决。
1、用dreamweaver中的rollover image可以实现两个图片的交互,
但是第二个图片的大小被限制成和第一幅图片的大小一样,而实际中
第二个图片是第一个图片的3倍大。请问这个怎么解决?
2、如何实现鼠标一移到第一个图片上,图片静止,移开图片漂移。

谢谢了。





StarOfSea

职务:普通成员
等级:1
金币:0.0
发贴:36
注册:2001/7/30 19:24:53
#22001/8/24 21:35:36
可以在图片的onMouseOver、onMouseOut中加入对
"层的ID.style.width" 、层的 "ID.style.height" 、 "图片的ID.src"
的改变就可以实现图像的大小改变了。

www.163.net中的图片移动效果可以用marquee制作,这样就可以用this.stop()与this.start()简单的实现停止与移动的效果了。
像那种随意移动的图片可能应该与控制它的javascript联系一下就可以了。



求可知

职务:普通成员
等级:3
金币:10.0
发贴:718
注册:2001/8/18 12:32:59
#32001/10/5 20:08:33
用zoom标签来控制对象的大小啊:-)