zastanawiam się jak zrobić coś takiego w jQuery:
Chciałbym aby były 4 takie zakładki informacyjne o różnych treściach w środku.
Zależy mi, żeby było "fadeIn".
Z góry dzięki za pomoc
Witam serdecznie,
zastanawiam się jak zrobić coś takiego w jQuery:
Chciałbym aby były 4 takie zakładki informacyjne o różnych treściach w środku.
Zależy mi, żeby było "fadeIn".
Z góry dzięki za pomoc
zastanawiam się jak zrobić coś takiego w jQuery:
Chciałbym aby były 4 takie zakładki informacyjne o różnych treściach w środku.
Zależy mi, żeby było "fadeIn".
Z góry dzięki za pomoc
Najłatwiej zrobić diva, złożonego z 4 div-ów(każda inna treść), w którym widoczny jest tylko 1 div. Żeby to pokazać kod:
I teraz tylko zdarzenie na strzałkę: przezroczystość 100%, zmiana margin-left +/- 100px, przezroczystość 0%. I gotowe
Kod
<style>
#test1{ overflow: hidden; height: 100px; width: 100px; }
#test2{ width: 400px; margin-left: -100px;} /*margin-left <-> dla 0->1div, dla -100px->2div, dla -200px -> 3 div itd.*/
#test2 div{ width: 100px; height: 100px; float: left; }
</style>
<div id="test1">
<div id="test2">
<div style="background-color: red;">1</div>
<div style="background-color: blue;">2</div>
<div style="background-color: green;">3</div>
<div style="background-color: brown;">4</div>
</div>
</div>
#test1{ overflow: hidden; height: 100px; width: 100px; }
#test2{ width: 400px; margin-left: -100px;} /*margin-left <-> dla 0->1div, dla -100px->2div, dla -200px -> 3 div itd.*/
#test2 div{ width: 100px; height: 100px; float: left; }
</style>
<div id="test1">
<div id="test2">
<div style="background-color: red;">1</div>
<div style="background-color: blue;">2</div>
<div style="background-color: green;">3</div>
<div style="background-color: brown;">4</div>
</div>
</div>
I teraz tylko zdarzenie na strzałkę: przezroczystość 100%, zmiana margin-left +/- 100px, przezroczystość 0%. I gotowe
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.