Willkommen auf dem Portal für Mediengestalter

scen · Threadersteller

Guten Tag,

Versuche gerade eine paar Buttons, die horizontal in auf gleicher Ebene in einem Div liegen mit dem
JQuery-Bounce Effekt auszustatten. Der Effekt an sich funktioniert, allerdings verschieben sich die Buttons nacheinander nach unten.
(Die Buttons wurden absolut positioniert, da der Effekt Einfluss auf den Flow der Seite nimmt.)

Hier ein kleiner Auszug:

<head>
<style type="text/css">
#buttons { width:1024px; z-index:1; position:absolute; top:85%;}
#button1 { width:75px; height:75px; position:absolute; margin-left:75px; top:0px; cursor:pointer;}
#button2 { width:75px; height:75px; position:absolute; margin-left:160px; top:0px; cursor:pointer;}
</style>

</script......>
$(document).ready(function() {
$("#buttons").children().mouseover(function(){
$(this).effect("bounce", { times:2 }, 300);
});
</script>
</head>

<body>
<div id="buttons">
<div id="button1"><img src="Apple.png" width="75px" height="75px"></div>
<div id="button2"><img src="Apple.png" width="75px" height="75px"></div>
</div>
</body>

Über eine Lösung / Hilfestellung würde ich mich sehr freuen!

snuwie · **Verfasst** Mi 10.08.2011 09:06 **Titel**

warum positionierst du alle elemente absolute?

mal ein ansatz: http://jsfiddle.net/Yrtdv/

scen · Threadersteller

danke! du hast mir sehr geholfen.
Navigation funkioniert nun einwandfrei Lächel

Willkommen auf dem Portal für Mediengestalter

Thema: jQuery Effekt "Bounce" Verschiebt divs vom 09.08.2011

jQuery Effekt "Bounce" Verschiebt divs