Auf Thema antworten 2026

Beitrag

<blockquote data-quote="sindyho0374" data-source="post: 2330411" data-attributes="member: 466868">Guten morgen liebe Freunde.Ich arbeite gerade an einer Seite wo ich eine Rollovernavigation integriert habe. Die Navigation liegt im DIV #menu, funktioniert einwandfrei aber das dazugehörige Javascript greift nun auf alle übrigen Links die ausserhalb der Navigation sind zu. Was kann man tun um das Problem abzustellen? Danke im Voraus.Hier einmal das Javascript:[CODE]$(document).ready(function(){&nbsp;&nbsp; &nbsp; &nbsp; //Remove outline from links&nbsp; &nbsp; $(&#039;a&#039;).click(function(){&nbsp; &nbsp; &nbsp; &nbsp; $(this).blur();&nbsp; &nbsp; });&nbsp;&nbsp; &nbsp; &nbsp; //When mouse rolls over&nbsp; &nbsp; $(&quot;li&quot;).mouseover(function(){&nbsp; &nbsp; &nbsp; &nbsp; $(this).stop().animate({height:&#039;150px&#039;},{queue:false, duration:600, easing: &#039;easeOutBounce&#039;})&nbsp; &nbsp; });&nbsp;&nbsp; &nbsp; &nbsp; //When mouse is removed&nbsp; &nbsp; $(&quot;li&quot;).mouseout(function(){&nbsp; &nbsp; &nbsp; &nbsp; $(this).stop().animate({height:&#039;40px&#039;},{queue:false, duration:600, easing: &#039;easeOutBounce&#039;})&nbsp; &nbsp; });&nbsp;&nbsp; });[/CODE]und hiermal der Code von der Navigation:[HTML]&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;menu&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;li class=&quot;rollover&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;subtext&quot;&gt;The front page&lt;/p&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &lt;li class=&quot;rollover&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;subtext&quot;&gt;The front page&lt;/p&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &lt;li class=&quot;rollover&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;subtext&quot;&gt;The front page&lt;/p&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &lt;li class=&quot;rollover&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;subtext&quot;&gt;The front page&lt;/p&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;/div&gt;[/HTML]</blockquote>

[QUOTE="sindyho0374, post: 2330411, member: 466868"] Guten morgen liebe Freunde. Ich arbeite gerade an einer Seite wo ich eine Rollovernavigation integriert habe. Die Navigation liegt im DIV #menu, funktioniert einwandfrei aber das dazugehörige Javascript greift nun auf alle übrigen Links die ausserhalb der Navigation sind zu. Was kann man tun um das Problem abzustellen? Danke im Voraus. [B]Hier einmal das Javascript:[/B] [CODE]$(document).ready(function(){ //Remove outline from links $('a').click(function(){ $(this).blur(); }); //When mouse rolls over $("li").mouseover(function(){ $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'}) }); //When mouse is removed $("li").mouseout(function(){ $(this).stop().animate({height:'40px'},{queue:false, duration:600, easing: 'easeOutBounce'}) }); });[/CODE] und hiermal der Code von der Navigation: [HTML] <div id="menu"> <ul> <li class="rollover"> <a href="#">Home</a> The front page </li> <li class="rollover"> <a href="#">Home</a> The front page </li> <li class="rollover"> <a href="#">Home</a> The front page </li> <li class="rollover"> <a href="#">Home</a> The front page </li> </ul> </div>[/HTML] [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?