jQuery网页图片放大镜可放大任何HTML元素

jQuery网页图片放大镜可放大任何HTML元素插图

不仅可以放大图片,还可以放大文字,按钮,超链接等HTML元素。压缩包内含三种放大效果,演示只有一个。

JS代码:

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.jfMagnify.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var scaleNum = 2;
        $(".magnify").jfMagnify();
        $('.plus').click(function(){
            scaleNum += .5;
            if (scaleNum >=3) {
                scaleNum = 3;
            };
            $(".magnify").data("jfMagnify").scaleMe(scaleNum);
        });
        $('.minus').click(function(){
            scaleNum -= .5;
            if (scaleNum <=1) {
                scaleNum = 1;
            };
            $(".magnify").data("jfMagnify").scaleMe(scaleNum);
        });
        $('.magnify_glass').animate({
            'top':'60%',
            'left':'60%'
            },{
            duration: 3000, 
            progress: function(){
                $(".magnify").data("jfMagnify").update();
            }, 
            easing: "easeOutElastic"
        });
    });
</script>

 

说明: 本站大部分资源来源于用户上传和网络收集,版权归原作者所有,如果您是原作者,如果本站损害了您的利益,请邮件联系我们删除! 本站资源仅作为学习及测试用,下载后请在24小时之内删除,请勿用于商业或其他非法用途,否则由此引发的法律纠纷及连带责任本站概不承担,商用请支持正版授权! 站长QQ:2604620834
每日源码 » jQuery网页图片放大镜可放大任何HTML元素
0 0 vote
Article Rating
Subscribe
提醒
guest
0 评论
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x