原生js放大镜(原创)

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

 22280  322  查看评论 (2)
分享到微信朋友圈
X
原生js放大镜(原创) ie兼容10
<div id="fdj">
    <div>
        <div></div>
        <img src="img/p1.jpg" />
    </div>
</div>

这是html部分的格式

var box=document.getElementById('fdj');
var box2=document.getElementById('fdj2');

//第一个参数是最外层容器的ID,第二个参数是放大倍数;

changeBigImg(box,5);
changeBigImg(box2,3);

js部分的调用方法,获取id然后输入参数调用


相关插件-图片展示

jQuery仿京东商品放大镜

jQuery重写仿京东商品放大镜,使用更简单
  图片展示
 46518  540

纯css3放大镜

通过css3样式实现放大镜的效果
  图片展示
 43554  379

jQuery图片放大、缩小、旋转

jQuery图片旋转插件jQuery.artZoom修改版
  图片展示
 51876  308

jQuery点击图片预览并显示详情

jQuery点击图片预览并显示详情,加入购物车,适合简单的商城系统
  图片展示
 51246  696

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

    sweet 0
    2019/1/18 9:51:40
    中间那个箭头被图片档住了;
        you are nobody0
        2019/1/18 14:38:27
        这个是+号鼠标背景白色的和图片一个颜色然后就重叠了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复