açıklamalı javascript menü kodu

link açıklaması göstermeli menü

Ziyaretçilerinize linklere ait açıklamaları gösterebilmeniz için hazırlanmış bir uygulama.
Ziyaretçilerinize linklere ait açıklamaları gösterebilmeniz için hazırlanmış bir uygulama. checkbox işaretlendiği zaman açıklamlar linkin altında çıkıyor.

Paylas:

Kod:

  <!-- www.1htmlkodlari.tr.gg adresinden alınmıştır --> <script type="text/javascript"> /* This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com Created by: JTricks.com | http://www.jtricks.com/Licensed under: U.S. Copyright Version: 20060105 Latest version: www.jtricks.com/javascript/navigation/annotations.html */ // Adds DIV tags containing the ANCHORs' titles function add_titles(cls) { var as = document.getElementsByTagName('a'); var i = 0; // Traverse all the ANCHOR tags while (i < as.length) { var a = as.item(i); i++; // Check if the tag's class is what we have to alter. if (a.className != cls) { continue; } // Check if the next DIV already contains the title if (a.nextSibling && a.nextSibling.nodeName == 'DIV' && a.nextSibling.firstChild && a.nextSibling.firstChild.nodeName == '#text' && a.nextSibling.firstChild.nodeValue == a.title) { continue; } var title = document.createElement("div"); title.appendChild(document.createTextNode(a.title)); a.parentNode.insertBefore(title, a.nextSibling); } } // Removes DIV tags containing the ANCHORs' titles function remove_titles(cls) { var as = document.getElementsByTagName('a'); var i = 0; // Traverse all the ANCHOR tags while (i < as.length) { var a = as.item(i); i++; // Check if the tag's class is what we have to alter. if (a.className != cls) { continue; } // Remove the next DIV containing the anchor title if (a.nextSibling && a.nextSibling.nodeName == 'DIV' && a.nextSibling.firstChild && a.nextSibling.firstChild.nodeName == '#text' && a.nextSibling.firstChild.nodeValue == a.title) { a.parentNode.removeChild(a.nextSibling); } } } function toggle_titles() { // #### Change this to actual ANCHOR tag class #### var anchorsClassName = 'linkDemo'; var box = document.getElementById('toggle_titles_checkbox'); if (box.checked) add_titles(anchorsClassName); else remove_titles(anchorsClassName); } // Handle the old user agents - no checkbox // will appear if the user agent doesn't support DOM2. function createTitles() { if (document.getElementsByTagName) { document.write('<input id="toggle_titles_checkbox" type="checkbox" ' + 'onclick="toggle_titles()">Show link descriptions'); if (window.addEventListener) window.addEventListener("load", toggle_titles, false); else if (window.addEvent) window.addEvent("load", toggle_titles); } } </script> <script type="text/javascript"> <!-- createTitles(); //--> </script> <ul> <li><a href="http://www.webdeveloper.com/" class="linkDemo" title="Check out these great forums!">Web Developer</a></li> <li><a href="http://javascript.internet.com/" class="linkDemo" title="Over 2,500 scripts for you to use ... free!">JavaScript Source</a></li> <li><a href="http://www.webreference.com/">WebReference.com</a></li> </ul> <!-- www.1htmlkodlari.tr.gg adresinden alınmıştır -->

Yeni HTML Kodları

Araç Gereçler

HTML Kodları | tr.gg kod | Html kod | sitene ekle | FBML Kodları

açıklamalı javascript menü kodu

link açıklaması göstermeli menü

Paylas:

Kod:

Reklam

YARARLI BİLGİLER

İÇERİKLER

Dost Siteler

Bilgiler