jQuery仿京东、天猫、淘宝、苏宁商品放大镜(原创)

所属分类:媒体-图片展示,图像

 2436  39  查看评论 (8)
jQuery仿京东、天猫、淘宝、苏宁商品放大镜(原创) ie兼容7

更新时间:2018/4/4 上午10:51:02

更新说明:处理当页面内容增多出现滚动条时, mask浮层就有偏移,不能看到全部;


使用方法

第一,整合页面结构(html+css)
第二,引入mag.js,传入参数

$(function() {
    /*
        show  //正常状态的框
        bigshow   // 放大的框的盒子
        smallshow  //缩小版的框
        mask   //放大的区域(黑色遮罩)
        bigitem  //放大的框
     */
    var obj = new mag('.show', '.bigshow', '.smallshow', '.mask', '.bigitem');
    obj.init();
});

第三、这样就能看到放大镜了*-*

相关插件-图片展示,图像

360度全景展示效果

按下鼠标左键拖拽360度全景展示效果
  图片展示
 11260  121

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件 页面上提供了两个按钮,可以让你的图片点击放大或者缩小 当然,对于懒人来说,真是懒得点击 那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果
  图片展示
 68635  167

HTML5卡片人物介绍动画展示效果

HTML5卡片人物介绍动画展示效果ie9和ie10没有测试,ie8以下不支持。基于bootstrap框架制作
  图片展示
 16865  162

移动端仿淘宝造物节3d

html5场景淘宝造物节3D酷炫空间专题页面模板
  图片展示
 4700  64

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    No Surrender。 0
    2018/4/3 17:29:54
    致命BUG, 当页面内容增多出现滚动条时, 只要页面出现了滚动距离, mack浮框就有偏移。
        ? ??。 E o d0
        2018/4/4 10:54:57
        bug已经修改了,版本更新正在审核了,今天就可以看到了。谢谢*-*
    回复
    V? 0
    2018/4/3 15:24:47
    我公司最牛逼的前端666
        ? ??。 E o d0
        2018/4/3 15:25:10
        这下尴尬了*-*
        Mr.Chen 慕白0
        2018/4/19 15:44:09
        mag is undefined 怎么说?
        ? ??。 E o d0
        2018/4/20 9:26:14
        如果下载了,不会有这个问题的。我刚刚下载试过了,下载下来的包是没有问题的。你这边如果报错mag.js isundefined的话,你要看看你写的代码有没有引入插件。
    回复
    勇闯天涯 0
    2018/4/3 14:40:20
    做得不错,666
        ? ??。 E o d0
        2018/4/3 15:20:32
        蟹蟹哦!!!*-*
    回复
取消回复