欢迎光临
一个有态度、有温度的分享型博客

使用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官方下载地址

转载请注明出处:容休博客 » 使用jQuery实现缩略图功能

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址