欢迎光临
我们一直在努力

使用jQuery实现缩略图功能

通过jQuery缩略图插件jQThumb实现缩略图功能,此插件实现过程简单,效果也很好,推荐一下。

需要引入的插件包括:

jquery.min.js
jqthumb.min.js

具体实现的Js部分的代码:

<script>
$(function(){
    $('.iwwenbo2 img').jqthumb({
        width: 100, //生成的缩略图的宽度
        height: 100,//生成的缩略图的高度
        after: function(imgObj){
            imgObj.css('opacity', 0).animate({opacity: 1}, 2000);//动画效果
        }
    });
});
</script>

相关插件下载地址:

1.jqthumb.min.js官方下载地址

2.jquery.min.js官方下载地址

赞(0) 打赏
未经允许不得转载:Ddmit » 使用jQuery实现缩略图功能

评论 抢沙发

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

登录

找回密码

注册