Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Curanai" data-source="post: 2165379" data-attributes="member: 534923">AW: Javascript animierte Navigation1. Du bei jsfiddle kein jQ verwenden, wenn links in der Auswahl &quot;pure&quot; genannt wird.2. Ich hab&#039;s Dir mal umgestellt - da ich da jetzt kein Update von jsfiddle bekomme, um eine URL hier abzustellen - der Source:EDIT: der <a href="http://jsfiddle.net/dFBHq/" target="_blank">FIDDLE</a>[code]&lt;div id=&quot;navigation&quot;&gt;&nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;http://www.google.de&quot;&gt;Aktuelles&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&lt;/div&gt;[/code][code]#navigation ul li&nbsp; {&nbsp; display: inline-block;}#navigation ul li a&nbsp; {&nbsp; font-weight: bold;&nbsp; font-size: 14px;&nbsp; text-decoration: none;&nbsp; display: block;&nbsp; width: 116px;&nbsp; padding: 15px 0 11px 51px;&nbsp; background: url(&quot;https://www.google.de/logos/2013/ella_fitzgeralds_96th_birthday-1212009-hp.jpg&quot;);}[/code]Habe mir erlaubt das Hintergrundbild von GOOGLE (Bild des Tages) zu nehmen.[code]$(document).ready(function() {&nbsp; $(&quot;#navigation ul li a&quot;).mouseover(function(){&nbsp; &nbsp; &nbsp; &nbsp; $(this).animate({&quot;background-position&quot;: &quot;-=50px&quot;}, &quot;slow&quot;);&nbsp; }).mouseout(function(){&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; $(this).animate({&quot;background-position&quot;: &quot;+=50px&quot;}, &quot;slow&quot;);&nbsp; });});[/code]Check bitte, ob Dein Bildverzeichnis wirklich &quot;Images&quot; heißt - allein das ist schon ein Klapps auf die Finger wert.Fazit: Bei mir läuft&#039;s ...</blockquote>

[QUOTE="Curanai, post: 2165379, member: 534923"] [b]AW: Javascript animierte Navigation[/b] 1. Du bei jsfiddle kein jQ verwenden, wenn links in der Auswahl "pure" genannt wird. 2. Ich hab's Dir mal umgestellt - da ich da jetzt kein Update von jsfiddle bekomme, um eine URL hier abzustellen - der Source: EDIT: der [URL="http://jsfiddle.net/dFBHq/"]FIDDLE[/URL] [code]<div id="navigation"> <ul> <li><a href="http://www.google.de">Aktuelles</a></li> </ul> </div>[/code][code]#navigation ul li { display: inline-block; } #navigation ul li a { font-weight: bold; font-size: 14px; text-decoration: none; display: block; width: 116px; padding: 15px 0 11px 51px; background: url("https://www.google.de/logos/2013/ella_fitzgeralds_96th_birthday-1212009-hp.jpg"); }[/code]Habe mir erlaubt das Hintergrundbild von GOOGLE (Bild des Tages) zu nehmen. [code]$(document).ready(function() { $("#navigation ul li a").mouseover(function(){ $(this).animate({"background-position": "-=50px"}, "slow"); }).mouseout(function(){ $(this).animate({"background-position": "+=50px"}, "slow"); }); });[/code]Check bitte, ob Dein Bildverzeichnis wirklich "Images" heißt - allein das ist schon ein Klapps auf die Finger wert. Fazit: Bei mir läuft's ... [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?