javascript首页右侧的“传送门”,鼠标光标停留时会出现一个弹出菜单,是如何实现的?
大家讲道理
大家讲道理 2017-04-10 12:46:43
[JavaScript讨论组]

“传送门”是个链接:

<a href="http://0x.segmentfault.com/">传送门</a>

弹出页面是一个p:

<p class="hole-list">
    <a href="http://segmentfault.com/"><img src="http://s.segmentfault.com/img/icon/auth-sf.png" alt="" />SegmentFault 主站</a>
    <a href="http://101.segmentfault.com/"><img src="http://sfault-avatar.b0.upaiyun.com/261/411/2614115123-i-1140000000142909_icon" alt="" />101 新手上路</a>
    <a href="http://0x.segmentfault.com/"><img src="http://sfault-avatar.b0.upaiyun.com/958/931/958931179-i-1140000000145939_icon" alt="" />建议反馈</a>
    <a href="http://hackathon.segmentfault.com/"><img src="http://sfault-avatar.b0.upaiyun.com/332/160/3321600847-i-1140000000145114_icon" alt="" />黑客马拉松</a>
</p>

一般情况下弹出菜单是通过处理onmouseover和onmouseout事件实现的,但是传送门的链接没有绑定任何javascript事件,hover的css也只是修改了背景色,那么是什么修改弹出菜单p的display属性,让这个p显示出来了呢?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
PHPz

是css实现的 传送门所在的li有个id 对应有hover的css属性

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

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