Ефект за меню

inferno16

Registered
Искам да разбера как мога да постигна ефект, в който при onmouseover да променя top позицията на бутона с -x пиксела, а при onmouseout да връща старата позиция на бутона. Освен това искам и да се надига и прибира бавно. Тук съм показал как искам да изглежда когато мишката не е върху бутона(ляво) и когато е върху него(дясно).
effectd.png
 
Ако не искаш JS, можеш да ползваш CSS селектора :hover

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_hover

В твоя случай, добавяш стойности за "top: -x;" и т.н. или "margin-top: -x;": ако ползваш margin-и.
 
@Battleman той иска бавно и плавно да дига и прибира... т.е ще му трябва JS(по-точно jQuery) и animate()! :)
 

Горе