jQuery图片预览特效点击图片弹出大图
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何使用jQuery制作图片预览特效点击图片弹出大图

主要js

纯文本
点击复制
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
function showimg(src) {
$("#showimg").show();
$("#showimg").append("<img src='" + src + "' style='display:none' />");
$("#showimg img").fadeIn("slow");
}
$("#showimg span").bind("click", function () {
$("#showimg img").remove();
$("#showimg").hide();
});
</script>
<script src="js/jquery.min.js" type="text/javascript"></script> <script> function showimg(src) { $("#showimg").show(); $("#showimg").append("<img src='" + src + "' style='display:none' />"); $("#showimg img").fadeIn("slow"); } $("#showimg span").bind("click", function () { $("#showimg img").remove(); $("#showimg").hide(); }); </script>
Expand
<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
    function showimg(src) {
        $("#showimg").show();
        $("#showimg").append("<img src='" + src + "' style='display:none' />");
        $("#showimg img").fadeIn("slow");
    }
    $("#showimg span").bind("click", function () {
        $("#showimg img").remove();
        $("#showimg").hide();

    });
</script>