<div class="codetitle"> <span><a style="CURSOR: pointer" data="47632" class="copybut" id="copybut47632" onclick="doCopy('code47632')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code47632"> <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><meta http-equiv="Content-Type" content="text/html" /><br> <title> ;無題のドキュメント</title><br><script src="jquery_last.js" type="text/javascript"></script><br><script type="text/javascript" > ;<br>$(document).ready( function(){});<br>function hiddenn(){<br>$("#divObj").hide();//実装する関数 Hide() hidden では、括弧内に時間パラメータ (ミリ秒) を指定することもできます。たとえば、hide(2000) は 2000 ミリ秒の速度で非表示にします。また、slow、fast<br>}<br>関数 slideToggle(){ を指定することもできます。 <br>$("#divObj ").slideToggle(2000);//カーテン効果を切り替えるには、クリックして閉じるか、クリックして開きます。パラメータの説明は上記と同じです。<br>} <br>function show(){<br>$("#divObj ").show();//表示、パラメータの説明は上記と同じ<br>}<br>function toggle(){<br>$ ("#divObj").toggle(2000);//非表示スイッチを表示します。パラメーターは None にすることができます。パラメーターの説明は上記と同じです<br>}<br>function slide(){<br>$("# divObj").slideDown(); // カーテン効果の展開<br>}<br></script><br></head><br><body><br><h3>表示と非表示div のコンテンツ</h3><br><input type="button" value="Hide" onclick ="hiden()"/><br> <input type="button" value="Show " onclick="show()"/><br> <input type="button" value="カーテン効果表示 2" onclick="slide()"/><br> <input type="button " value="カーテン効果の切り替え" onclick="slideToggle()"/><BR> <input type ="button" value="表示効果の切り替え" onclick="toggle()"/><br><div id="divObj" style="display:none"><br> 1. テスト例<br/><br> 2. テスト例<br/><br> 3. テスト例< br/><BR> 4. テスト例<br/><BR> 5. テスト例<br/><BR> 6. テスト例<br/><BR> 7. テスト例<br/ ><br> 8. テスト例<br><br> 9 .テスト例<br><br> 0.テスト例<br><br> </div> <br></html><br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
