今天学习了jquery里thickbox的图片显示功能放大和jqzoom放大镜功能的运用,接下来展示:
<<script src
="jquery/jquery.thickbox.js" type
="text/javascript"></script
>
<a href
="images/pro_img/blue_one_big.jpg" id
="thickImg" title
="介绍文字" class="thickbox">
<img src
="images/pro_img/blue_one.jpg" alt
="" />
</a
>
下面是jqzoom功能:
<script src
="jquery/jquery.jqzoom.js" type
="text/javascript"></script
>
$(function() {
$(".jqzoom").jqueryzoom({
xzoom
: 400,
yzoom
: 400,
});
})
<div
class="jqzoom">
<img src
="images/pro_img/blue_one_small.jpg" class="fs" alt
="" jqimg
="images/pro_img/blue_one_big.jpg" id
="bigImg" />
</div
>
放大镜效果图:
转载请注明原文地址:https://blackberry.8miu.com/read-17225.html