<div class="codetitle"> <span><a style="CURSOR: pointer" data="62969" class="copybut" id="copybut62969" onclick="doCopy('code62969')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code62969"> <br> <br> <br> <br><title></title> <br><script src="http://demo.jb51.net/jslib/jquery/jquery-1.7.1.js" type="text/javascript"></script> <br><script type="text/javascript"> <BR>$(function () { <BR>$("#panel").css("opacity", "0.1");//设置透明度 <BR>$("#panel").click(function () { <BR>$(this).animate({ left: "400px", height: "200px", opacity: "1" }, 3000)//在3秒内向右移动400px,高度放大200px,透明度改为1 <BR>.animate({ top: "200px,width:200px" }, 3000) <BR>.fadeOut("slow"); //以淡出的方式隐藏 <BR>}); <BR>}) <BR></script> <br> <br> <br><div id="panel" style=" position:relative; background-color:Olive; height:100px; width:100px; border:1px; border-color:Aqua;"> <br> </div> <br> <br> <br> </div>