祝愿不要秃头就很开心了 2021-12-10 08:51 采纳率: 100%
浏览 126
已结题

这个东西叫什么,鼠标悬停能够出现这种隐藏内容的😭

img

  • 写回答

6条回答 默认 最新

  • CSDN专家-showbo 2021-12-10 09:15
    关注

    css hover伪类搞定,不需要js。js的话对应onmouseover/onmouseenter,onmouseout/onmouseleave事件,需要添加2个事件来实现显示隐藏,一个的话需要进行遍历隐藏
    css hover代码如下

    img

    <style>
        .item{position:relative;width:100px;height:200px;border:solid 1px #ccc;display:inline-block;margin-right:10px}
        .item .more{display:none;position:absolute;bottom:10px;width:50px;line-height:20px;border-radius:10px;left:50%;margin-left:-25px;}
        .item:hover .more{display:block}
    </style>
    <div class="item">
        <a href="#" class="more">找相似</a>
    </div>
    <div class="item">
        <a href="#" class="more">找相似</a>
    </div>
    
    

    有帮助麻烦点下【采纳该答案】,谢谢~~有其他问题可以继续交流~

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

问题事件

  • 系统已结题 12月18日
  • 已采纳回答 12月10日
  • 创建了问题 12月10日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度