求教关于动态面板的3个问题

yolu · 发表于 2011-7-14 15:28:15

如图

我目前的设置：当鼠标移动至小头像，即绿色那个，就弹出右边人形大头像的动态面板。当鼠标离开该小绿色头像，面板在3秒后消失。

问题1：我只设置了一个动态面板，它的位置在第一个小绿色头像旁边，当我移动至其他小绿色头像的时候，如何让这个动态面板也跟着在其他小绿色头像旁边。也就是像qq头像那种设置，你移动到第一个好友时，面板在旁边出现，当你移动到最后一个好友时，面板也在它旁边。难不成要每个小头像设置一个动态面板吗？

问题2：在我上面3秒设置的前提下（文章第一段话），如何设置当鼠标离开小头像而停留在弹出的动态面板时，面板仍一直存在？

问题3：如何设置当一个小头像的面板弹出并未消失时，鼠标马上移动到另一个小头像，第一个面板马上消失，并且弹出输入该头像的面板？

张鹤鹏 · 发表于 2011-7-14 16:51:10

1# yolu

问题1，问题2，问题3：

名片3s自动消失.rp (413.8 KB, 下载次数: 32)

完美解决楼主提的三个问题。

yolu · 发表于 2011-7-14 21:54:55

2# 张鹤鹏

非常感谢。对于变量的设置，我还是不怎么清楚，先收下研究研究。

老蔡 · 发表于 2011-7-15 10:52:26

鹤鹏做的除了等待消失的时间长了点，效果是不错。不过变量、动作用得比较复杂，不太适合新人学习。

老蔡 · 发表于 2011-7-15 10:52:37

我去掉了复杂的函数，但是为了防止面板一直往下移动，还是把详情面板分开成3个。
我的原型符合1、3两个要求，第2个要求一直显示，其实有停留3秒时间的效果也算可以了。原型没必要那么挑刺，有差不多的效果就可以了。

名片3s自动消失-2.rp (409.61 KB, 下载次数: 26)

张鹤鹏 · 发表于 2011-7-15 11:28:14

5# 蔡高泽

看楼主说的3s，我月觉得长了点...几秒合适呢，是否需要视面板内容多少而定？

yolu · 发表于 2011-7-15 13:10:43

感谢各位的帮助。我会继续研究学习

yolu · 发表于 2011-7-17 23:25:47

5# 蔡高泽

非常感谢，这样简单很多。我就是看不明白变量的设置，还要多多学习。

yolu · 发表于 2011-7-18 00:02:55

其实我想问个基础的问题，那个onpageload设置的变量有什么具体作用？

360安全浏览器截图17429024.jpg

ormicro · 发表于 2011-7-18 09:13:58

来学习了