• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

efekt przejścia między stronami

Object Storage Arubacloud
0 głosów
1,205 wizyt
pytanie zadane 28 kwietnia 2018 w JavaScript przez halotelefonek Bywalec (2,410 p.)
Witam znalazłem fajny efekt przejścia między stronami, Takie rozwijanie tekstu od lewej do prawej, ale tylko tego tekstu a menu jest cały czas widoczne.  http://37.maxflo.pl/  wie ktoś może jak to zastosować do konkretnego <div> ??? z góry dzięki za pomoc :)

1 odpowiedź

+1 głos
odpowiedź 28 kwietnia 2018 przez ooggii86 Użytkownik (660 p.)
edycja 28 kwietnia 2018 przez ooggii86
komentarz 29 kwietnia 2018 przez ooggii86 Użytkownik (660 p.)

Dla tych co nie ogarniają jsfiddle:

<html>
    <head>
        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <script>
            $(document).ready(function(){
                $("#tabs").tabs({
                    show: { effect: "slide", duration: 1000 },
                });
            })
        </script>
        <style type="text/css">
            .ui-tabs-panel.content{
                background: black;
                color: white;
            }
        </style>
    </head>
    <body>
        <div id="tabs">
            <ul>
                <li><a href="#div1">Div1</a></li>
                <li><a href="#div2">Div2</a></li>
                <li><a href="#div3">Div3</a></li>
            </ul>
            <div id="div1" class="content"><div><p>DIV 1</p></div></div>
            <div id="div2" class="content"><div><p>DIV 2</p></div></div>
            <div id="div3" class="content"><div><p>DIV 3</p></div></div>
        </div> 
    </body>
</html>

 

Podobne pytania

0 głosów
1 odpowiedź 178 wizyt
pytanie zadane 25 lutego 2017 w Java przez Kubs Mądrala (5,190 p.)
0 głosów
1 odpowiedź 840 wizyt
pytanie zadane 30 czerwca 2018 w JavaScript przez Layoutowiec Mądrala (5,470 p.)
0 głosów
2 odpowiedzi 1,488 wizyt
pytanie zadane 28 września 2017 w Rozwój zawodowy, nauka, praca przez maxeee Początkujący (340 p.)

92,579 zapytań

141,432 odpowiedzi

319,657 komentarzy

61,963 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...