在项目里，有时候会写这样的开关效果，点击开关来回切换，也就是jquery实现点击图片切换为另一图片,再次点击恢复到原图片。
下面是一个小的demo示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> </head> <body> <div> <img class="imgclick" src="images/off.png"/> </div> </body> <script> /* 实现图片切换 */ $(".imgclick").toggle(function() { $(this).attr("src", "images/off.png"); }, function() { $(this).attr("src", "images/on.png"); }).attr("src", "images/on.png"); </script> </html>
效果是这样的
