An alle JQuery/Js-Experten

Question

1

An alle JQuery/Js-Experten

Frage von

aabbcck 07.01.2012 - 20:29

Hey,

Ich habe aus Spass ein animiertes Menu erstellt:

http://deinflashmob.de/Spielereien/menu.html

Wenn ihr es euch angeschaut habt werdet ihr vermutlich bemerken das das "Rote" nur wieder zurück geht wenn der zeiger das "Rote" berührt hat und man dann wieder runtergeht, das heist wenn man anz schnell drauf und wieder runter geht bleibt das rote da. Ich weiß es ist jetzt etwas was verwirrend erklärt aber ichweißm nciht wie cih es sonst erklären kann :p.

Habt ihr eine Idee wie man diesen Bug lösen kann?

Tamino

Fragen zu gleichen Themen finden: html; CSS; webdesign; JavaScript; JQuery; CSS + webdesign

Answer 1

Deine Antwort

Hallo!

Bitte beachte, dass Deine Antwort ein wirklich hilfreicher Rat für den Fragesteller ist.
Einer Antwort kann nur maximal ein Link beigefügt werden.
Antworten mit mehreren Links werden als Spam interpretiert und nicht veröffentlicht.

Vielen Dank, auch im Namen des Fragestellers,
Dein gutefrage.net-Team

answer

Answer 2 · 2012-01-08T13:05:12

1

Hilfreichste Antwort ausgezeichnet vom Fragesteller

Antwort von

electrojotelectrojot 08.01.2012 - 13:05

Ahoi :)

mach das doch so:

jQuery.fn.slideBg = function( settings ) {

    settings = jQuery.extend({
        speed: 200
    }, settings);

    return this.each(function(){
        var caller = this;      

        $(caller).bind( 'mouseover', slide_in);


        function slide_in() {
            $(caller).unbind( 'mouseover' );
            $(caller).bind( 'mouseout', slide_out );
            //deine animation -> $(caller).children('bla').animate( bla, settings.speed );

        }
        function slide_out() {
            $(caller).unbind( 'mouseout' );
            $(caller).children('bla').animate( bla, function(){
                $(caller).bind( 'mouseover', slide_in );
            }, settings.speed );

        }

    });
};

und dann:

$(document).ready( function() {
    $("deinLinkDiv").slideBg();
});

Allerdings musst du dafür dein Html entsprechend gestalten. bastel maln bisschen, aber so sollte es keine Probleme geben.

und wer jQuery nicht leiden kann muss ja auch net damit arbeiten :D

Habe noch nie gehört, dass die jemanden dazu gezwungen haben :D

Answer 3 · 2012-01-08T13:05:12

1

Hilfreichste Antwort ausgezeichnet vom Fragesteller

Antwort von

electrojotelectrojot 08.01.2012 - 13:05

Ahoi :)

mach das doch so:

jQuery.fn.slideBg = function( settings ) {

    settings = jQuery.extend({
        speed: 200
    }, settings);

    return this.each(function(){
        var caller = this;      

        $(caller).bind( 'mouseover', slide_in);


        function slide_in() {
            $(caller).unbind( 'mouseover' );
            $(caller).bind( 'mouseout', slide_out );
            //deine animation -> $(caller).children('bla').animate( bla, settings.speed );

        }
        function slide_out() {
            $(caller).unbind( 'mouseout' );
            $(caller).children('bla').animate( bla, function(){
                $(caller).bind( 'mouseover', slide_in );
            }, settings.speed );

        }

    });
};

und dann:

$(document).ready( function() {
    $("deinLinkDiv").slideBg();
});

Allerdings musst du dafür dein Html entsprechend gestalten. bastel maln bisschen, aber so sollte es keine Probleme geben.

und wer jQuery nicht leiden kann muss ja auch net damit arbeiten :D

Habe noch nie gehört, dass die jemanden dazu gezwungen haben :D

Answer 4 · 2012-01-07T21:21:26

0

Antwort von

imaxami97imaxami97 07.01.2012 - 21:21

Mit CSS lösen

Kommentar von

aabbcck 07.01.2012 - 22:08

Wie mit CSS lösen?

Answer 5 · 2012-01-07T21:21:26

0

Antwort von

imaxami97imaxami97 07.01.2012 - 21:21

Mit CSS lösen

Kommentar von

aabbcck 07.01.2012 - 22:08

Wie mit CSS lösen?

An alle JQuery/Js-Experten

Antworten (2)

Verwandte Fragen

Noch nicht den richtigen Rat gefunden?

Diese Frage teilen

Ähnliche Fragen

Verwandte Bilder