<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><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <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></script> ; <BR></ head> <br><body> <br><div id="panel" style=" 位置:相対; 背景色:オリーブ; 高さ:100ピクセル; 幅:100ピクセル; 1px; border-color:Aqua ;"> <br></div> <br></body> <br></html> <br><br> </div>
