查看: 10766|回复: 5

鼠标移入头像显示浮动层

[复制链接]

525

主题

6312

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
72511
QQ
发表于 2012-8-19 18:35:19 | 显示全部楼层 |阅读模式
尹广磊公众帐号
移动到头像上显示浮动层
鼠标移动的速度不要太快,否则浏览器感应不到。

2012-08-19_18-34-40.jpg

制作原型参考:http://www.hiaxure.com/thread-789-1-1.html

头像上浮动层.rp

62.79 KB, 下载次数: 439

0

主题

3

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2014-7-23 17:43:37 | 显示全部楼层
看了半天还是不会:(

0

主题

3

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-7-30 17:05:18 | 显示全部楼层
为什么要使用热区?  在黄色方块下方放入热区,设置鼠标移出事件为:隐藏内容和地面热区两个动态面板,但是为什么移动到内容区域并且离开黄色方块下方的热区,这个事件为什么没有触发?

0

主题

2

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-8-1 17:50:56 | 显示全部楼层
3# wanghao_kjlink


因为“内容面板”已经被置为了顶层,而触发事件的方框被覆盖了,就触发不了了。

0

主题

2

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-8-1 18:20:34 | 显示全部楼层
OnMouseEnter\Out或其他类似的触发,是以鼠标当前焦点的消失和出现为触发点,这里如果不将OnMouseOut写成将图层置顶,而写成隐藏面板(初学者容易这样想),就会出现面板在那里一闪一闪的,因为2个事件在不停的切换。。。所以,这个小技巧值得学习。

0

主题

2

回帖

97

积分

会员

Rank: 5Rank: 5

积分
97
发表于 2015-4-24 19:48:25 | 显示全部楼层
谢谢!!!!刚好做设计需要用到
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-12-23 14:49

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表