在页面加载时图片是不可见的，点击页面中的内容实现图片的显示，再次点击则图片会消失 直接上代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片的隐藏和显示</title> <style type="text/css"> .div{ width: 200px;height: 270px; border: solid red; } .div img{ max-width: 200px;_width:expression(this.width>200?"200px":this.width); display: none; } </style> <script src="../js/jquery.min.js"></script> </head> <body> <p>Show Me the<br />Furry Friend<br />of the Day </p> <div class="div"> <img src="../img/mmexport1495807314176.jpg" /> </div> <script> $(document).ready(function(){ $("p").click(function(){ $(".div>img").toggle("slow"); }); }); </script> </body> </html>