1

このウェブサイトがあります http://www.phpvideotutorials.com/ 私は基本的に、これらのそれぞれの列がクリックされたときに左右の各列が動的に拡張され、再度クリックされたときに展開された状態から収縮する方法についての洞察を得たいと思っていました。私はWeb開発、少なくともjQueryなどを使用した動的Webサイト開発は初めてです。

4

3 に答える 3

2

ソースコードをチェックアウトできます。（簡略化された）操作部分は次のとおりです。

var dm = $('#developermonkey');
dm.bind('click', function(e) {
    dm.animate({'right' : 400 });
});

したがって、要素の右側のCSS プロパティをアニメーション化する関数にクリック イベントをバインドしています。

于 2012-06-23T06:53:13.003 に答える
1

これは、ビューソースから見つけることができます。このコードを参照してください、

HTML

<div id="left">text
<a id="lefta">click</a>
</div>

JavaScript</ p> 

 $('#lefta').bind('click', function(e) {
    $('#left').css({'width' : 200 }); 
    $('#left').animate({'left' : 150 }, 400);
 });
​

ここでは、例としてdivの幅を広げて、jQuery css関数がどのように機能するかを説明し、divの移動中に追加のcssスタイルを設定できるようにします。次のフィドルを参照してください。

http://jsfiddle.net/TqCmB/

于 2012-06-23T06:59:00.750 に答える
1

これは、jQuery http://jquery.comと呼ばれる JavaScript ライブラリを使用して行われます。詳細についてはこちらを参照し、どのように機能するかの例を参照してください。

于 2012-06-23T06:48:41.197 に答える