バッファリングされたコンテンツの縮小および展開エフェクト_ナビゲーション メニュー

<script> <br>/* <br>By Auntion <br>QQ 82874972 <br>JavaScript と ajax QQ が好きな人は歓迎です、一緒に進歩しましょう、笑<br>使用方法<br>呼び出し効果: Effect(1,2) <br> 1 : 変更されるオブジェクトの ID <br> 2 : コントロールコンテナの ID Use: this.parentNode.id で (親タグの ID) を取得できます。<br><br>*/ <br>関数 $G( Read_Id) { return document.getElementById(Read_Id) } <br>function Effect(ObjectId,parentId){ <br> if ($G(ObjectId).style.display == 'none'){ <br> Start(ObjectId, '開く'); <br> $G(parentId).innerHTML = "<a href=# onClick=javascript:Effect('" ObjectId "','"parentId "');>閉じる</a>" <br> }else{ <br> Start (ObjectId,'Close'); <br> $G(parentId).innerHTML = "<a href=# onClick=javascript:Effect('" ObjectId "','" parentId "');>Open< /a>" <br> } <br>} <br>function Start(ObjId,method){ <br>var BoxHeight = $G(ObjId).offsetHeight;オブジェクトの最小の高さ<br>var MaxHeight = 130;オブジェクトの最大の高さ <br>var BoxAddMax = 1; 🎜>var Every_Add = 0.15; 値が大きいほど高速になります。スピード]<br> var Reduce = (BoxAddMax - Every_Add); <br>var Add = (BoxAddMax Every_Add) <br>if (method == "Close"){ <br> var Alter_Close = function(){ // 仮想 [減少] を構築します] ループ <br> BoxAddMax /= Reduce; <br> BoxHeight -= BoxAddMax; <br> $G (ObjId).style.display = "none"; window.clearInterval(BoxAction); <br> } <br> else $G(ObjId).style.height = BoxHeight; <br>var BoxAction = window.setInterval(Alter_Close,1); <br>else if (method == "Opens"){ <br>var Alter_Opens = function(){ //仮想 [増分] ループを構築します<br> BoxAddMax *= Add; <br> BoxHeight = BoxAddMax; > if (BoxHeight >= MaxHeight){ <br> $G(ObjId).style.height = MaxHeight; <br> window.clear Interval(BoxAction) ; <br> $G(ObjId) .style.display= "ブロック"; <br> $G(ObjId).style.height = BoxHeight; <br> } <br>} <br> var BoxAction = window.setInterval(Alter_Opens,1); } <br>} <br></script>