1

この質問が正しいかどうかはわかりませんでした。少しグレーな領域です。

この例のプロファイルに見られるような効果を作成したい

今、私はこれについて少し助けが必要です.すべてのdivが固定幅のコンテナにあることは知っていますが、それらの上にカーソルを置くと、メインコンテナのdivから大きくなります..ドキュメントの流れは維持され、div はコンテナーから抜け出すことができます。

.animate を使用して div を成長させ、.fadeTo を使用して他の div をフェードアウトします ($('.box.).not(this).. など)。

今日の後半にコード例を提供します。

他のdivがどのように押しのけられるか、またはこれを行う良い方法を誰かが知っているかどうか疑問に思っていました

4

2 に答える 2

3

CSSとjavascriptを使用します。div要素の1つにカーソルを合わせると、マウスオーバーしたdiv要素に対する他のdiv要素の位置に応じて、他の要素にクラスslide-down / slide-up / slide-right/slide-leftが与えられます。たとえば、クラスのスライドダウンが与えられた場合:

.slide-down .animate {
top: 10px;
}

フェードを実現するために、このcssが使用されています。

.slide-down .animate, .slide-up .animate, .slide-right .animate, .slide-left .animate {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}

クラスを変更するjavascriptが見つかりませんが、javascriptまたはjQueryを使用して再作成するのは非常に簡単です。

于 2012-10-17T13:29:47.753 に答える