jquery.imagezoom实现商品多图放大镜效果代码-html代码-BFW代码库

jquery.imagezoom实现商品多图放大镜效果代码

代码语言：html

所属分类：电商

代码描述：jquery.imagezoom实现商品多图放大镜效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.1.11.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.imagezoom.min.js"></script>


    <style type="text/css">
        html{overflow-y:scroll;}
        body{margin:0; font:12px "\5B8B\4F53",san-serif;background:#ffffff;}
        div,ul,li{padding:0; margin:0;}
        li{list-style-type:none;}
        img{vertical-align:top;border:0;}
        
        /* box */
        .box{width:610px;margin:100px auto;}
        .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
        .tb-pic a img{vertical-align:middle;}
        .tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
        .tb-thumb{margin:10px 0 0;overflow:hidden;}
.........完整代码请登录后点击上方下载按钮下载查看