JQuery 图片放大镜效果

实例下载地址:

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"  style="border: 4px solid #666;">
        </a>
</body>
</html>

这里就是放大镜的效果了，具体的文档和例子请参考
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

posted on 2011-11-28 20:10 绿毛肉粽阅读(539) 评论(0) 编辑收藏举报

刷新页面返回顶部

绿毛肉粽

JQuery 图片放大镜效果

导航

公告