jQuery轻量级简单实用的图片放大镜特效

zoomtoo是一款轻量级的简单实用的jQuery图片放大镜特效插件。这个图片放大镜特效在鼠标滑过图片的时候，在原来图片区域内部将图片放大。鼠标进入和离开图片区域时都带有淡入淡出的效果。

浏览器兼容：

Firefox 2+ (Win, Mac, Linux)
IE7+ (Win)
Chrome 6+ (Win, Mac, Linux, Android, iPhone)
Safari 3.2+ (Win, Mac, iPhone)
Opera 8+ (Win, Mac, Linux, Android, iPhone)

效果演示：http://www.htmleaf.com/Demo/201506102005.html

下载地址：http://www.htmleaf.com/jQuery/Image-Effects/201506102004.html

时间： 2024-11-05 21:56:22

jQuery轻量级简单实用的图片放大镜特效的相关文章

商品图片放大镜特效

商品图片放大镜特效主要是基于鼠标捕获,计算放大镜移动距离原理而制成 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>放大镜</title> 6 <style> 7 * { 8 margin: 0; 9 padding: 0 10 } 11 12 #demo { 13 display: block; 14 wid

Js图片放大镜特效源代码下载

Js图片放大镜特效源代码下载,通过面向对象实现原文:Js图片放大镜特效源代码下载源代码下载:http://www.zuidaima.com/share/1550463333878784.htm

15款商城网站常用的图片放大镜特效

jquery图片放大镜效果制作变焦镜头图片放大查看代码 jQuery图片放大镜插件鼠标悬停图片放大镜头显示代码 jQuery鼠标滑过图片放大镜效果_淘宝图片放大镜代码 jquery jqzoom仿京东商城商品详细页面图片放大镜_选项卡切换效果原生js MagicZoom.js放大镜插件商城商品多图片放大镜效果展示 jquery.imagezoom图片放大镜插件仿淘宝店铺商品放大镜展示 jquery etalage图片放大镜插件鼠标移到小图片放大预览图片 jQuery图片放大窗口显示和图片组合缩

基于jQuery仿淘宝产品图片放大镜代码

今天给大家分享一款基于jQuery淘宝产品图片放大镜代码.这是一款基于jquery.imagezoom插件实现的jQuery放大镜.适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="box"> <div class="tb-booth tb-pic tb-s310"> <a href=&q

图片放大镜特效

单图 css部分: <style> #div1 { width: 200px; height: 200px; padding: 5px; border: 1px solid #ccc; position: relative; } #div1 .small_pic { width: 200px; height: 200px; background: #eee; position: relative;} #div1 .float_layer { width: 50px; height: 50px;

jQuery实现仿京东商城图片放大镜

效果图: 不废话直接上代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>test</title> 6 <style type="text/css"> 7 * { 8 padding: 0; 9 margin: 0; 10 } 11 ul{ 12 position: relative; 1

一个简单实用的图片切换小例子

不经意间看到了以前写的这个小东西,就贴上来了,支持点击切换和自动轮播,供前端新手看看吧! 代码如下: <div class="scroll_div"> <ul class="pic"> <li><img src="img/pic_1.jpg" /></li> <li><img src="img/pic_2.jpg" /></li>

单张图片放大镜特效

点击一个图片,然后出现遮罩层,放大的图片,点击遮罩层回到原图 <div class="sort-t"> <img src="@item.UserInfo.DriverLicenseImage" width="100" height="70"> </div> <div class="imgPosition"></div> <div class=

jQuery和CSS3打造逼真的图片放大镜效果

这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效.该图片放大镜特效使用CSS3的box-shadow和border-radius实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景图像. 在线演示: 下载地址:http://www.htmleaf.com/jQuery/Image-Effects/201503171533.html