jQuery列表图片展开更多功能
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何使用jQuery制作列表图片展开更多功能

关键jQuery：

<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
    $('.pics ul li').each(function (index) {
        if (index > 3) {
            $('.pics .more').show();
            $(this).hide();
        }
    });

    $('.pics .more').on('click', function () {
        $('.pics ul li').fadeIn(100);
        $(this).hide();
    }) 
</script>