您的位置：首页 > Web前端 > JQuery

JQuery 图片放大镜效果

2011-11-28 20:10 369 查看
实例下载地址:

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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航