javascript - 163邮箱的这种页面切换显示是怎么实现的
巴扎黑
巴扎黑 2017-04-11 12:50:36
[JavaScript讨论组]

如图 鼠标移到发件人上面的时候会显示发件人的联系方式,可以这个可以绑定到HOVER事件上,

之后鼠标移到选项卡外面的时候,这个tab页就消失了,

JS是怎么判断鼠标移动到发件人的地址上面,有事怎么判断鼠标移到卡片和发件人之外的呢

巴扎黑
巴扎黑

全部回复(2)
ringa_lee

如果你想看别人的效果是怎么实现的,可以打开浏览器调试器去看他们样式变化。这样自己也会跟着去思考。
鼠标hover上去:

样式:

鼠标离开后样式:

这应该是给标签js添加了mouseenter和mouseleave事件,然后改变样式。
你也可以只用css hover的样式去实现。也就是控制元素的display或visibility

伊谢尔伦

纯粹的 css hover效果是直接将弹出框设为hover元素的子元素,如p:hover p{display:block}
JS 的话就是 mouseover移入 mouseleave来控制

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号