下面是效果图：

1、未点击时图片

未点击时图片

html实现点击图片放大应用jQuery实现点击图片放年夜和缩小 Node.js

2、点击后的图片

点击后的图片

HTML代码：

<img src=\"大众img/pic.jpg\公众 id=\"大众images\"大众 width=\"大众100\"大众 height=\"大众100\"大众 />

jQuery核心代码：

<script>

$(document).ready(function() {

var img = $(this),t = true;//当t为true时，是正常状态下的

$(\公众#images\"大众).click(function() {

if(t) {

t = false;

imgH = $(this).height(400);

imgW = $(this).width(400);

} else {

t = true;

imgH = $(this).height(100);

imgW = $(this).width(100);

}

});

});

</script>