这个就是用实线1像素宽的边框，padding 就是补白，做出来的效果就是里面的图片距离边框会有3像素的距离！！
jquery的toggleClass()可以轻松实现...<style>
.max{width:XX%height:auto}/* 根据自己的需要去自行设置 */
.min{width:XXpxheight:auto}/* 根据自己的需要去自行设置 */
<style>
<html>
<body>
<img id='img' class='min' src='xxxx'>
</body>
</html>
<script>
$('#img').click(function(){
$(this).toggleClass('min')
$(this).toggleClass('max')
})
</script>
用javascrip里的t数组，每个数值里面包含一个class。。。css里设置位置，样式和大小。。。然后设置按钮，每按一下前面的数组里的数字加一，后面的数减一如此循环，还要用数组绑定事件。javascript本身不支持多事件，所以要用数组绑定。。。网上这种教程很多的。。百度模版王里面特效有代码
