Skocz do zawartości

Uciekający lub rozwijający się button


Ssak

Recommended Posts

Chodzi mi o taki efekt, w którym user naszej stronki najedzie na button, a on się nam "rozjedzie" czyli przesunie się troche do przodu lub do tyłu.

Otóż chciałbym dowiedzieć się jak takie coś zrobić.

Nie do końca rozumiem i prosiłbym o podesłanie jakiegoś przykładu.

Najprostszym rozwiązaniem będzie dodanie do stylów a.przycisk:hover{margin-left:50px;}

ale obawiam się, że to nie przyniesie oczekiwanego efektu ;)Może chodzi o coś takiego lavalamp

Chodziło mi o coś takiego ale jednak nie jest to tym co podesłałeś mi na pw. Tamte menu wykonane jest w jquery

<html>
<style>
ul#menu{
	float:left;
}
li{
		display:block;
		text-align:center;
}
a.link{
	color:red;
	background:blue;
	width:100px;
	height:20px;
	float:left;
}
a.link:hover{
background:red;
margin-left:20px;
color:pink;
}
</style>
<body>
<ul id="menu">
<li><a href="#" class="link">elo</a></li>
<li><a href="#" class="link">siemasz</a></li>
<li><a href="#" class="link">tescik</a></li>
</ul>
</body>
</html>

Proponuję pogooglować za frazami jquery menu.

Znajdziesz coś z pewnością.

  • Upvote 1
Link do komentarza
Udostępnij na innych stronach

  • 4 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...