<div class="codetitle"> <span><a style="CURSOR: pointer" data="72770" class="copybut" id="copybut72770" onclick="doCopy('code72770')"><u>コードをコピーします</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code72770"> <br><title></title> <style type="text/css"> <br>.imgclass{ width:300px; height:300px; border:solid 1px red;} <br></style> jquery-1.9 .1.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>$(function () { <br>$ ('# Button1').bind('click', function () { <br>$('img').fadeOut(2000, function () { <br>$('#Button1').val('Hey 、消えました '); <br>}); <br>}) <br>$('#Button2').bind('click', function () { <br>$('img').fadeIn(2000) , function () { <br>$('#Button2').val('has'); <br>}); <br>$('#Button3').bind('click' , function () { <br>$('img').fadeTo(2000, 0.3, function () { <br>alert('アニメーションの実行が完了しました'); <br>}) <br> }) <br></head> <br><div> <br><div> " type="button" value="フェードアウト" /><input id="Button2" type="button" value="フェードイン" /><input id="Button3" type="button" value=" 透明度を指定する" /><br><div> <img src="images/1.jpg" class="imgclass" alt="jQuery が fadeTo に書き込むサンプル コード_jquery" ><br> ;/div><br><br><br> </div> </div>
