JQuery 图片放大镜效果

2024-04-28 22:24•html•阅读 4941

实例下载地址:

http://download.csdn.net/detail/evangel_z/3895087

插件下载地址:

http://www.mind-projects.it/projects/jqzoom/

<html>
<head>
<title>JQzoom 2 Demo</title>
<script src="../js/jquery-1.6.js" type="text/javascript"></script>
<script src="../js/jquery.jqzoom-core.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/jquery.jqzoom.css" type="text/css">
<script type="text/javascript">
$(document).ready(function() {
        $('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false
        });     
});
</script>
</head>
<body>
        <a href="imgProd/triumph_big1.jpg" class="jqzoom" rel='gal1'  title="triumph" >
            <img src="imgProd/triumph_small1.jpg"  title="triumph"  >
        </a>
</body>
</html>

这里就是放大镜的效果了，具体的文档和例子请参考

http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

上一篇 »css做鼠标指向图片图片放大但边框不放大
下一篇 »CSS3实现图片鼠标悬浮放大效果

JQuery 图片放大镜效果

相关推荐

[导入]CSS的放大效果

使用原生JavaScript实现放大镜效果

使用原生JavaScript实现放大镜效果

javascript图片放大效果 ，转

利用javascript实现图片动态的放大和缩小

JavaScript仿淘宝实现放大镜效果的实例

【JAVASCRIPT】jquery实现图片放大功能

jQuery图片大小自动适应

javascript图片放大效果，转