联系官方销售客服

1835022288

028-61286886

问题 求助问题 分享经验 开发需求
开发框架 版主：迅睿框架研发组
鼠标悬停在文章列表页缩略图时候 图片放大效果
vrsj365
类型：迅睿CMS 更新时间：2020-09-26 12:22:02

请问 鼠标悬停在文章列表页缩略图时候 图片放大效果  应该怎么加 

{xunruicms_img_title}

回帖
  • #1楼    迅睿框架创始人
    2020-09-18 17:31:54
    Google Pixel 手机 0
    这个前段JS效果了，可以百度找一找资料
  • vrsj365
    #2楼    vrsj365
    2020-09-18 17:34:32
    Chrome 0
    回复迅睿框架创始人 好的 谢谢 有其他大神的多指点下 百度里面的很多不能用
  • 老管淘保
    #3楼    老管淘保
    2020-09-18 17:43:48
    Chrome 0
    js特效啊
  • 大帅哥
    #4楼    大帅哥
    2020-09-18 17:50:27
    Chrome 0
    百度搜搜索，jquery特效
  • 小刘
    #5楼    小刘
    2020-09-18 17:53:41
    Chrome 0
    。。html特效，去百度搜索就可以找到
  • 宝群
    #6楼    宝群
    2020-09-20 12:11:40
    Chrome 0
    /*图片经过后当大*/.img_scale { width: 100%; overflow: hidden;}.img_scale img { cursor: pointer; transition: all 0.8s;}.img_scale img:hover { transform: scale(1.2);}
  • 唯一
    #7楼    唯一
    2020-09-20 17:37:16
    Chrome 0
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>讯睿</title>
    6. </head>
    7. <style>
    8. a {
    9. position: relative;
    10. }
    11. a img{
    12. display: none;
    13. position:absolute;
    14. left: 50%;
    15. margin-left: -60px;
    16. margin-top: -2px;
    17. }
    18. a:hover img{
    19. display: block;
    20. }
    21. </style>
    22. <body>
    23. <a href="" class="text-muted">
    24. <span>讯睿</span><br />
    25. <img src="图片地址" alt="讯睿" width="130px"/>
    26. </a>
    27. </body>
  • 帝云网络
    #8楼    帝云网络
    2020-09-20 18:26:47
    Chrome 0
    7楼方法最佳，简单方便
  • 小黄人 18html.com
    #9楼    小黄人 18html.com
    2020-09-20 23:11:16
    小米手机 0
    基础的html知识！七楼是全局的效果有些地方用不着就多余了
  • 马桶刷子
    #10楼    马桶刷子
    2020-09-21 09:04:50
    Chrome 0
    七楼可行，前端开发都写的出来
  • 4943481
    #11楼    4943481
    2020-09-26 12:22:02
    Firefox 81.0 0
    基础姿势，html特效