OyunlarBilecik - Aç-Kapa Çalışması 1

Aç-Kapa Çalışması 1

Kodun Önizlemesi:

Baþlýk 1

Ýçerik 1

Baþlýk 2

Ýçerik 2

Baþlýk 3

Ýçerik 3

Baþlýk 4

Ýçerik 4

Sitelerinize yararlı olabileceğini düşündüğüm bir kod olan aç kapa çalışması 1 sitemde sizlere sunuyorum... Güle güle kullanın. (:

Kod:

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js" type="text/javascript"></script> <script> $(document).ready(function(){ $("#alanim div").hide(); $("#alanim span").toggle(function(){ var index = $("#alanim span").index(this); $("#alanim div:eq("+index+")").slideDown("slow"); $(this).css("background-color","#800");}, function(){ var index = $("#alanim span").index(this); $("#alanim div:eq("+index+")").slideUp("slow"); $(this).css("background-color","#369"); }); }); </script> <style type="text/css"> body{cursor:default; font-family:trebuchet ms; font-size:12pt;} #alanim{float:left; width:510px; padding:5px;} #alanim span{float:left;width:500px;background-color:#369;padding:2px 5px;margin:5px 0 0 0;color:#fff;} #alanim div{float:left;width:500px;height:40px;padding:5px;background-color:#eee;} #alanim img{float:left;margin:5px 0 0 -30px;} </style> </head> <body> <div id="alanim"> <span>Baþlýk 1</span> <div>Ýçerik 1</div> <span>Baþlýk 2</span> <div>Ýçerik 2</div> <span>Baþlýk 3</span> <div>Ýçerik 3</div> <span>Baþlýk 4</span> <div>Ýçerik 4</div> </div> </body> </html>

|

|

|

|

|

|

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol