找回密码立即注册

QQ登录

查看: 55235|回复: 0
收起左侧

[HTML] HTML+CSS 鼠标放在文字上弹出一幅图片

[复制链接] [查看百度是否已收录此帖]

升级   100%

5280

主题

5718

帖子

15万

积分

管理员

李海18298346873

Rank: 9Rank: 9Rank: 9

积分
159098

推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

QQ
菜鸟站长联盟 发表于 2021-3-9 14:34:07 | 显示全部楼层 |阅读模式
菜鸟站长联盟VIP会员
  • 欢迎大家加入菜鸟站长联盟VIP会员 ☞ 点击查看详情
  • 我是菜鸟站长联盟草根站长李海 微信:18298346873
  • 致力于为企业提供优秀的网站建设解决方案,建站服务、网站优化、网站运营、网站托管、网站推广!
  • 致力于为个人提供优秀的网站建设培训课程,建站服务、网站优化、网站运营、域名空间、插件模板!
  • —————————————————————————————————————————————————
  • 菜鸟站长联盟站长李海微信

    本帖子中包含更多资源!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    1. <html>

    2. <body>
    3. <style type="text/css">
    4. <!--
    5. .thumbnail{position:relative;z-index:0;}
    6. .thumbnail:hover{background-color:transparent;z-index:50;}
    7. .thumbnail span{position:absolute;background-color:#FFFFE0;left:-1000px;border:1px dashed gray;visibility:hidden;color:#000;text-decoration:none;padding:5px;}
    8. .thumbnail span img{border-width:0;padding:2px;}
    9. .thumbnail:hover span{visibility:visible;top:10px;left:280px;}
    10. p{margin-top:200px}
    11. -->
    12. </style>
    13. <a class="thumbnail" href="#">
    14. <---- 想看美女吗?请点击这里哟----><br>

    15. <span><img src=" http://img2.zol.com.cn/product/28_600x2000/125/ces0Z5nrfLemc.gif ">

    16. </span></a>

    17. </body>
    18. </html>
    复制代码



    上一篇:html实现点击文字弹出二维码图片
    下一篇:HTML按钮美化代码
    零基础学习网站建设,上菜鸟站长联盟就够了!你与成功只差添加一个好友:微信18298346873
    *滑块验证:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则








    QQ| 百度统计|小黑屋|菜鸟站长联盟 ( 陇ICP备15000550号-2 )|

    GMT+8, 2021-4-21 07:56 , Processed in 0.124220 second(s), 42 queries .

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