2

Google DFPで実行するフッター広告フォーマットを作成していますが、jQueryはその中で機能しません（長い話）。そのため、同じタスクを実行するためのいくつかの代替方法、つまり、slideUp、slideDown、およびanimate関数を見つけようとしています。誰かがいくつかの選択肢を知っていますか？ありがとう！

4

6 に答える 6

1

javascriptで動作するこのリンクを確認してください：

http://www.switchonthecode.com/tutorials/javascript-sliding-panels-using-generic-animation

例：

HTML：

<div style="position:relative;
           width:150px;
           height:170px;
           top:0px;
           left:0px;">
  <div id="exampleHeader1" 
      style="position:absolute;
             width:150px;
             height:20px;
             top:0px;
             left:0px;
             background:#3b587a;
             text-align:center;
             color:#FFFFFF;"
      onclick="slideExample1('examplePanel1', this);">
    ^^^
  </div>
  <div id="examplePanel1" 
      style="position:absolute;
             width:150px;
             height:130px;
             top:20px;
             left:0px;
             background:#a6bbcd;
             overflow:hidden;">
    Content
  </div>
</div>

Javascript：

function slideExample1(elementId, headerElement)
{
   var element = document.getElementById(elementId);
   if(element.up == null || element.down)
   {
      animate(elementId, 0, 20, 150, 0, 250, null);
      element.up = true;
      element.down = false;
      headerElement.innerHTML = 'vvv';
   }
   else
   {
      animate(elementId, 0, 20, 150, 130, 250, null);
      element.down = true;
      element.up = false;
      headerElement.innerHTML = '^^^';
   }
}
于 2012-08-13T14:33:48.343 に答える
0

2つの選択肢：

  1. Scriptaculousにはすでにそのようなことがあり、競合が発生したページでクラッシュすることはありません。

  2. Mootools。

あなたはいくつかのScriptaculousデモで持つことができます。

于 2012-08-13T14:27:19.920 に答える
0

あなたは実際に何を達成しようとしていますか？私はあなたのslideUPとdownsを手伝うことができるかもしれません/あるいは、jquery.animate（）を使用して高さなどを再配置および変更することができますが、slideUpとslideDownは非常にうまく機能します！

于 2012-08-13T14:34:13.437 に答える
0

Css アニメーションを使用しないのはなぜですか?
古いブラウザー (< IE10) では直接最後にジャンプすることはわかっています
が、それでも何もないよりはましで、非常に軽量です。

于 2012-08-13T14:29:59.563 に答える
-3

編集可能なスクリプトに jQuery ソース ファイル全体を貼り付けるだけです。その後、おそらく 100 ～ 200 行の改行を追加して、コードから視覚的な分離を追加します。

于 2014-04-09T05:54:30.960 に答える