2

OSXアイコンドックをスクロールすると画像が拡大されるのと同様の効果を模倣しようとしています。

私はこのマークアップを持っています。

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

デフォルトでは、すべて幅 200 ピクセル、フォント サイズ 14 ピクセルに設定されています。

UL の 1 つにマウスを合わせるとアニメーション化され、幅とテキスト サイズが約 20% 拡大され、マウスを離すと元の位置に戻ります。

しかし、私はそれを何と呼ぶべきかわかりません。カバーフローを検索し、考えられるものは何でも効果を拡大し、これを行うためのビルド前のプラグインを見つけることができません。誰かがそれを見つける場所またはノックする場所を知っていますか?急いで?

ありがとう

4

3 に答える 3

6

これかな?

http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/

于 2012-03-26T13:37:49.007 に答える
0

この記事には、プラグインとその設定方法が記載されています。人々はこれを OSX Dock 効果と呼んでいると思います。

http://ndesign-studio.com/blog/css-dock-menu

于 2012-03-26T13:42:11.437 に答える
0

あなたはいくつかのことでそれを行うことができます... jqueryスケールを確認したり、css3トランジションを使用したり、Oscarからの回答のようなライブラリを使用したりできます

于 2012-03-26T13:40:55.497 に答える