<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>fadeToggle</title> <script language="javascript" src="../jQUery/jquery 1.10.2/jquery-1.10.2.min.js"> </script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function(){ $("#div1").fadeToggle(); $("#div2").fadeToggle("slow"); $("#div3").fadeToggle(3000); }); }); </script> </head> <body> <button>Button</button> <div id="div1" style="width:80px; height:80px; background-color:#F00""></div> <div id="div2" style="width:80px; height:80px;background-color:#00F"></div> <div id="div3" style="width:80px; height:80px;background-color:#0FF"></div> </boby> </html>
run：
原文：http://www.cnblogs.com/caidupingblogs/p/5248920.html