<style type="text/css"> .menutitle{ cursor:pointer; margin-bottom: 5px; background-color:#ECECFF; color:#000000; width:140px; padding:2px; text-align:center; font-weight:bold; /*/*/border:1px solid #000000;/* */ } .submenu{ margin-bottom: 0.5em; } </style> <script type="text/javascript"> /*********************************************** * Switch Menu script- by Martial B of http://getElementById.com/ * Modified by Dynamic Drive for format & NS4/IE4 compatibility * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ if (document.getElementById){ //DynamicDrive.com change document.write(''<style type="text/css">\n'') document.write(''.submenu{display: none;}\n'') document.write(''</style>\n'') } function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } } </script> <!-- Keep all menus within masterdiv--> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu(''sub1'')">Site Menu</div> <span class="submenu" id="sub1"> - <a href="new.htm">What''s New</a><br> - <a href="hot.htm">What''s hot</a><br> - <a href="revised.htm">Revised Scripts</a><br> - <a href="morezone/">More Zone</a> </span> <div class="menutitle" onclick="SwitchMenu(''sub2'')">FAQ/Help</div> <span class="submenu" id="sub2"> - <a href="notice.htm">Usage Terms</a><br> - <a href="faqs.htm">DHTML FAQs</a><br> - <a href="help.htm">Scripts FAQs</a> </span> <div class="menutitle" onclick="SwitchMenu(''sub3'')">Help Forum</div> <span class="submenu" id="sub3"> - <a href="http://www.codingforums.com">Coding Forums</a><br> </span> <div class="menutitle" onclick="SwitchMenu(''sub4'')">Cool Links</div> <span class="submenu" id="sub4"> - <a href="http://www.javascriptkit.com">JavaScript Kit</a><br> - <a href="http://www.freewarejava.com">Freewarejava</a><br> - <a href="http://www.cooltext.com">Cool Text</a><br> - <a href="http://www.google.com">Google.com</a> </span> <img src="about.gif" onclick="SwitchMenu(''sub6'')"><br> <span class="submenu" id="sub6"> - <a href="http://www.dynamicdrive.com/link.htm">Link to DD</a><br> - <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a><br> - <a href="http://www.dynamicdrive.com/contact.htm">Email Us</a><br> </span> </div>

 Kodu Kopyala

Hata Bildir | Tavsiye Et
 

Bu içeriğe oy verin: 1 2 3 4 5 6 7 8 9 10

Yorumlar / Yeni Yorum Yaz

	Css / Switch Menu - Halil - 07.10.2007  / Cevapla
	Slm Bunu Alip stil.css olarak kaydet #clsCode { font: "Courier New"; font-size: 12; color: gray; text-decoration: none; background-color: #D3D3D3; border: 1px solid gray; width: 90%; } #mostSelect { width: 150px; font: 11px "Trebuchet MS"; } #fontStyle { font: 11px "Trebuchet MS"; cursor: pointer; }

	help / Switch Menu - Yok - 02.10.2007  / Cevapla
	arkadaslar kodu ekliyorum fakat bütün alt bölümleriyle birlikte acılıyor yardım edermisiniz

1 - 26 arası / 2 toplam yorum