1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>切换事件toggle</title> 5 <script type="text/javascript" 6 src="Jscript/jquery-1.8.2.min.js"> 7 </script> 8 <style type="text/css"> 9 body{font-size:13px} 10 img{border:solid 1px #ccc;padding:3px} 11 </style> 12 <script type="text/javascript"> 13 $(function() { 14 $("img").toggle(function() { 15 $("img").attr("src", "Images/img05.jpg"); 16 $("img").attr("title", this.src); 17 }, function() { 18 $("img").attr("src", "Images/img06.jpg"); 19 $("img").attr("title", this.src); 20 }, function() { 21 $("img").attr("src", "Images/img07.jpg"); 22 $("img").attr("title", this.src); 23 }) 24 }) 25 </script> 26 </head> 27 <body> 28 <img /> 29 </body> 30 </html>