jQuery点击图片查看详情介绍
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何让使用jQuery制作点击图片查看详情介绍

主要js：

<script>
    $(".gallery li").click(function () {
        var img = $(this).attr('imgs');
        var name = $(this).find('.name').html();
        var dd = $(this).find('.dd').html();

        $(".pop-overlay").find('img').attr('src', img);
        $('.pop-overlay').find('.name').html(name);
        $('.pop-overlay').find('.dd').html(dd);

        $(".pop-overlay").css({ "display": "block" });
    });
    $(".pop-overlay .close").click(function () {
        $(".pop-overlay").css({ "display": "none" });
    });
</script>