3

基本的に、この関数は、それを呼び出す要素の高さの値を保存することを目的としており、その高さが要素と一致する場合は高さを 200px 拡張し、保存された値と一致しない場合はその値を復元します (つまり、要素を縮小します)。容器）。外部スタイルシートから読み取って取得するにはどうすればよいvar heightVal = parseInt(boxStyle.height);ですか?

function expand(e){
  var box = document.getElementById(e);
  var boxStyle = box.style;
  var heightVal = parseInt(boxStyle.height);

  if(boxStyle.height == heightVal){
    boxStyle.height = heightVal + 200 +'px';
  }
  else{
    boxStyle.height = heightVal;
  }

}
4

1 に答える 1

0

これは私の修正された回答です...このコードを使用すると、最小化または最大化を開始するかどうか、および/または展開または縮小するかどうかに関係なく、要素の高さのサイズを変更するために関数を普遍的に使用できます。以前に書いた回答を改善するために、この機能を開発しました。これは実際には、CSS クラスを変更して、javascript も jquery も使用せずにアニメーションを可能にするために取り組んできた別の関数の結果です。私は今、機能とユニバーサルの両方を持っています!

パラメータは非常に簡単です...boxサイズを変更したい要素をhNew表し、サイズを変更したい高さを表します（要素の現在の高さよりも大きくても小さくても機能します）。

function resize_height(box, hNew){
  if(box.style.height != hNew || box.style.height == box.old_height){
    box.old_height = box.style.height
    box.style.height = hNew;
  }
  else{
    box.style.height = box.old_height;
  }
}
于 2012-01-31T17:44:52.960 に答える