京东产品详细页图片放大效果

所属分类:UI-背景

 49879  499  查看评论 (36)
分享到微信朋友圈
X
京东产品详细页图片放大效果 ie兼容6

说明:

京东商城目前详细页正在使用的放大镜插件,效果很简单易用

图片采用绝对路径,这样方便懒人们使用

内容分为大图部分以及缩略图列表部分,可以分开使用

使用方法:

1、将jq22.css样式引入到你的网页中

2、将body中class='container'里的内容复制到你的网页中即可

   (注意保持js路径正确)

3、并引入js文件

  <script src="http://libs.baidu.com/jquery/1.6.0/jquery.min.js">
  </script><script src="js/jquery.jqzoom.js"></script> 
  <script src="js/jq22.js"></script>


相关插件-背景

jquery固定标题控制插件Midnight.js

midnight.js是在页面滚动时控制多标题设计的开关jQuery插件,所以对应下面的内容你总能看到一个标题。
  背景
 41558  532

漂亮的全屏Slideshow幻灯滑块效果(jQuery)

漂亮的全屏Slideshow幻灯滑块效果(jQuery)
  背景
 41389  417

全屏背景滚动

基于HTML5的炫酷个人网站模板
  背景
 76051  1076

京东产品详细页图片放大效果

京东商城详细页产品图片列表以及放大镜效果 兼容ie6+,谷歌,火狐
  背景
 49880  499

讨论这个项目(36)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    szxy 0
    2019/8/23 15:22:25
    容器宽高设置大一点,放大镜就出问题了,只能在原来350px的范围里活动 回复
    Actor 0
    2018/8/14 12:54:29
    甘愿喂了猫的鱼 0
    2018/6/12 12:22:39
    发现这个插件放到bootstrap的栅格里出现了bug,不知道怎么解决
        甘愿喂了猫的鱼0
        2018/6/12 12:28:19
        在父元素div的class名有栅格化的class名(col-lg-9 col-md-8 col-sm-8)时插件出现bug,求解决办法
    回复
    ? ? 0
    2017/12/24 1:40:50
    Hello world! 0
    2017/11/26 16:01:02
    忆殇 ° 0
    2017/11/23 20:59:42

    插件很好用 修改也方便

    回复
    忆殇 ° 0
    2017/11/23 20:59:04

    很好用 修改也方便

    回复
    samson77 0
    2017/11/11 15:23:33
    ?旧识??? 0
    2017/9/18 16:21:17
    x1299906945 0
    2017/9/8 11:04:24

    感觉功能简单更容易自己修改

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复