Buffered shrink and expand content effects_navigation menu

Compatible with ie5.5 and firefox2.0 (because I only have these two browsers, I only tested them in them)

I saw that many friends from blueidea have posted some effects of shrinking and expanding content. The only difference is It is a buffering effect. Not much to say, you will know after running it, haha.
The maximum height also needs a fixed value. There is no good solution. Friends who are interested can help solve it, thank you.
This Other parts of the code will not be released after updates and improvements. If you need to encapsulate it, just do it yourself, haha.

The code is released for sharing and learning. Please respect other people's works and do not use them for commercial purposes!! !!!

Copy code The code is as follows:

<script> <br>/* <br>By Auntion <br>QQ 82874972 <br>Welcome friends who like javascript and ajax QQ, let’s make progress together, haha<br>Usage method<br>Call effect: Effect(1,2); <br> 1 is: the id of the object being changed <br> 2 is: the id of the control container. It can be found in Use: this.parentNode.id to get (the id of the parent tag) <br>Be careful not to repeat the object ID when giving it. <br>*/ <br>function $G(Read_Id) { return document.getElementById(Read_Id) } <br>function Effect(ObjectId,parentId){ <br> if ($G(ObjectId).style.display == 'none'){ <br> Start(ObjectId,'Opens'); <br> $G( parentId).innerHTML = "<a href=# onClick=javascript:Effect('" ObjectId "','" parentId "');>Close</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; //Define the minimum height of the object<br>var MaxHeight = 130;                                                                                                                          The maximum height of the object <br>var BoxAddMax = 1;                                                  🎜>var Every_Add = 0.15; ) Increment [The larger the value, the faster the speed] <br>var Reduce = (BoxAddMax - Every_Add); <br>var Add = (BoxAddMax Every_Add); <br>if (method == "Close"){ <br> var Alter_Close = function(){ //Construct a virtual [decreasing] loop <br> BoxAddMax /= Reduce; <br> BoxHeight -= BoxAddMax; <br> if (BoxHeight <= MinHeight){ <BR> $G (ObjId).style.display = "none"; <BR> window.clearInterval(BoxAction); <BR> } <BR> else $G(ObjId).style.height = BoxHeight; <BR>} <BR>var BoxAction = window.setInterval(Alter_Close,1); <BR>} <BR>else if (method == "Opens"){ <BR>var Alter_Opens = function(){ //Construct a virtual [increment] loop<BR> BoxAddMax *= Add; <BR> BoxHeight = BoxAddMax; <BR> if (BoxHeight >= MaxHeight){ <br> $G(ObjId).style.height = MaxHeight; <br> window.clear Interval(BoxAction) ; <br> }else{ <br> $G(ObjId).style.display= "block"; <br> $G(ObjId).style.height = BoxHeight; <br> } <br>} <br> var BoxAction = window.setInterval(Alter_Opens,1); <br>} <br>} <br></script>




  
    
      关闭
    
  

  
    
      这

        里

        是

        第

        二

        ,

        很

        正

        常

    
  

  
    
      ▲