Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
jQuery pokazujący się div
#3
Tak mam ten kod, tylko przed tymi mouseover mam jeszcze kod slidera, w którym mi pomagałeś.. Wygląda to wszystko tak:

Kod:
<script>
    Cufon.replace('h1');
    
    $(document).ready(function() {
        var $sliders = $('.slider');
        $sliders.each(function() {
            var $current_slider = $(this);
            var $lista = $('.lista', $current_slider);
            var $li = $lista.children('li');
            if ($li.length > 3) {
                var odleglosc = $li.eq(0).outerWidth() + parseInt($li.eq(0).css('margin-left')) + parseInt($li.eq(0).css('margin-right'));
                var maxLeft = odleglosc * $li.length - 3 * odleglosc;
                $('.next', $current_slider).click(function() {
                    if ($lista.position().left > -maxLeft) {
                        $($lista).not(':animated').animate({
                            'left' : '-='+odleglosc
                        },500);
                    }
                    else {
                        $($lista).not(':animated').animate({
                            'left' : 0
                        },500);
                    }
                });
                $('.prev', $current_slider).click(function() {
                    if ($lista.position().left<0) {
                        $($lista).not(':animated').animate({
                            'left' : '+='+odleglosc
                        },500);
                    }
                    else if ($lista.position().left==0) {
                         $($lista).not(':animated').animate({
                            'left' : '-='+odleglosc
                        },500);
                    }
                });
            } else {
                $('.next, .prev', $current_slider).click(function() {
                    $(this).preventDefault();
                    return false;
                });
            }
        })
        
        var offer_menu = $("div#offer-menu");
        var offer = $("div.offer");
        
        $(offer_menu).mouseenter(function(){
            $(offer).slideDown("500");
            $(offer).mouseenter(function(){
                
            })
            $(offer).mouseleave(function leave(){
                $(offer).slideUp("500");
            })
        });
        
    });    
    </script>

Przerobiłem to na mouseenter i mouseleave żeby sprawdzić czy tutaj jest błąd, ale dalej nie działa w IE, a w FF, Operze i Chrome śmiga jak trzeba.
Odpowiedz


Wiadomości w tym wątku
jQuery pokazujący się div - przez benny - 27-04-2011, 15:40
RE: jQuery pokazujący się div - przez Kartofelek - 27-04-2011, 16:30
RE: jQuery pokazujący się div - przez benny - 27-04-2011, 16:45
RE: jQuery pokazujący się div - przez Kartofelek - 27-04-2011, 18:01
RE: jQuery pokazujący się div - przez benny - 27-04-2011, 19:05
RE: jQuery pokazujący się div - przez Kartofelek - 27-04-2011, 20:37
RE: jQuery pokazujący się div - przez benny - 27-04-2011, 21:44

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Sad HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność jokerblitzz 10 10,230 28-04-2016, 00:24
Ostatni post: mubi
  jquery? mordrag 0 2,339 29-03-2015, 17:44
Ostatni post: mordrag
  aby funkcja JQuery zadzialala po okreslonym czasie Arnimarl 2 3,825 25-05-2014, 07:38
Ostatni post: Arnimarl
  Konflikt Mootools/Jquery kurde 2 3,249 31-10-2013, 01:44
Ostatni post: kornell
  Slider z jQuery lomek 2 3,769 19-10-2013, 04:40
Ostatni post: lomek

Skocz do:


Użytkownicy przeglądający ten wątek: 2 gości
Sponsorzy i przyjaciele
SeoHost.pl