首页 > 特效插件 > 图像特效 >  鼠标悬停放大图片的jQuery放大镜插件代码正文

鼠标悬停放大图片的jQuery放大镜插件代码

特效介绍
鼠标悬停放大图片的jQuery放大镜插件代码
鼠标悬停放大图片的jQuery放大镜插件代码。由于使用了css3圆角效果,所以不兼容IE8以上浏览器。
使用方法
第一步、在head区域引入5imoban.net.css文件
第二步、在您的html文件想要引入下面的代码:
<div class="zoomybox"><a class="zoom" href="images/lucyZoom.jpg"><img src="images/lucyTn.jpg" /></a></div>
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.zoomy0.5.min.js"></script>
<script type="text/javascript">
//This is it
$(function(){    
    $('.zoom').zoomy();
});
</script>