ANA SAYFA | FORUM | SİTENİZ İÇİN | İÇERİK EKLE | EN YENİLER | EN POPÜLERLER | EN BEĞENİLENLER | REKLAM | İLETİŞİM
Arama:
Tüm kategorilerde Google Forumda JAVAScript Araçlar
// ÖZELLEŞTİR
E-posta:
Şifre:
Üye Ol
|
Şifremi Unuttum
>> PHP Arşivimiz Gelişiyor! (0 yorum)>> ARŞİVİMİZ FORUM AÇILDI! (0 yorum)>> Ramazan Bayramınız kutlu olsun (2 yorum)>> Kurban Bayramı (0 yorum)>> 10 Kasım (1 yorum)
// EN YENİLER
// EN POPÜLER
// Anasayfa » JAVASCRIPT» Navigasyon & Menü
Oy:
<!-- TWO STEPS TO INSTALL TAB NAV: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Original: Jacob Lukas (jacoblukas@netscape.net) --> <!-- Web Site: http://home.frontiernet.net/ --> <script language="JavaScript"> var tabs = [ //first tab [ //tab image when unselected ''http://javascript.internet.com/navigation/news.png'', //tab image when selected ''http://javascript.internet.com/navigation/news_selected.png'', //tab data ''<p>This is the "News" tab</p>''], //second tab [ ''http://javascript.internet.com/navigation/games.png'', ''http://javascript.internet.com/navigation/games_selected.png'', ''<p>This would be the "Games" tab</p>''], //third tab [ ''http://javascript.internet.com/navigation/entertainment.png'', ''http://javascript.internet.com/navigation/entertainment_selected.png'', ''<p>This is the "Entertainment" tab</p>'']]; //you can have more tabs if you want //if you have empty space between your tabs, adjust this to a lower number var width = 10; function preloadImages() { for (var y = 0; y < 2; y++) { for (var x = 0; x < tabs.length; x++) { image = new Image(); image.src = tabs[x][y]; } } } function drawTabs() { document.write("<table cellspacing=0 cellpadding=0 border=0><tr>"); for (var x = 0; x < tabs.length; x++) { document.write("<td width="+width+"><a href=''javascript:switchTab("+x+")''><img name=''tab"+x+"'' border=0 src="+tabs[x][0]+"></a></td>"); } document.write("</td><td></td></tr><tr><td id=currentTab colspan="+(tabs.length+1)+">"); document.write(tabs[0][2]); document.write("</td></tr></table>"); document.images["tab0"].src = tabs[0][1]; } function switchTab(tab) { for (var x = 0; x < tabs.length; x++) { if (x != tab) document.images["tab"+x].src = tabs[x][0]; } document.images["tab"+tab].src = tabs[tab][1]; document.getElementById("currentTab").innerHTML = tabs[tab][2]; } preloadImages(); </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Original: Jacob Lukas (jacoblukas@netscape.net) --> <!-- Web Site: http://home.frontiernet.net/ --> <script> drawTabs(); </script> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 2.65 KB -->
Kodu Kopyala
Hata Bildir | Tavsiye Et
Bu içeriğe oy verin:
Yorumlar / Yeni Yorum Yaz Bu içeriğe yorum yazılmamış.
ANA SAYFA | İÇERİK EKLE | YENİ EKLENENLER | EN POPÜLERLER | EN BEĞENİLENLER | REKLAM | DESTEKLEYENLER | İLETİŞİM
JAVAScript İndir © 2004 - 2008Web Tasarımı: Emir Emiroğlu | Kodlama: Can "FiNaRFiN" HANHAN , Korkut TAHAOĞLU, Göktuğ İÇÖZ
