jQuery увеличить при наведении мыши - PullRequest
Новая
       7

jQuery увеличить при наведении мыши

2 голосов
/ 26 марта 2012

Я пытаюсь имитировать эффект, подобный тому, как когда вы прокручиваете значок док-станции 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>

Byпо умолчанию все они имеют ширину 200 пикселей и размер шрифта 14 пикселей.

Мне бы хотелось, чтобы при наведении мыши на один из UL он оживлял его, увеличивая его ширину и размер текста примерно на 20%, а затемпри отпускании мыши он возвращается в исходное положение.

однако я понятия не имею, как его назвать, я искал укрытие, увеличивал эффекты, какие только мог придумать, и не смог найти предварительную сборкуплагин для этого, кто-нибудь знает, где его найти или быстро его подбить?

спасибо

Ответы [ 3 ]

6 голосов
/ 26 марта 2012
0 голосов
/ 26 марта 2012

В этой статье есть плагин и как его настроить.Я думаю, что люди называют это эффектом OSX Dock.

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

0 голосов
/ 26 марта 2012

вы можете сделать это несколькими способами ... Вы можете увидеть jquery scale или использовать css3 переходы , или вы можете использовать библиотеку, такую ​​как ответ от Оскара

...