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

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

39175 458 查看评论 (36)

分享到微信朋友圈

查看演示立即下载

插件描述：原创jQuery仿京东、天猫、淘宝、苏宁商品放大镜，实现大图放大和小图轮播的功能

更新时间：2018/6/28 下午2:51:19

更新说明：继上次匆忙的更改之后，没有检测更改后代码的兼容性，此次修改插件的浏览器兼容性部分。

更新时间：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();
});

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

可记分排行jQ贪吃蛇小游戏

jQuery css3图片切换效果