Breadcrumb
| 01.06.2009, 21:22 | |
Этот
скрипт автоматически создать "Breadcrumb" Навигационные ссылки на любую
страницу вашего сайта. Это позволит вашим посетителям увидеть, где
именно они находятся на веб-сайте на данный момент. Очень легко
реализовать.
------------------------------------------------ Пример использования скрипта: :( Код скрипта: 1 Скопировать в файл следующий код и сохранить c именем autoBreadcrumbs.js! function breadcrumbs() { sURL = new String; bits = new Object; var x = 0; var stop = 0; var output = "<div class=topnav><a href=/>home</a> » "; sURL = location.href; sURL = sURL.slice(8,sURL.length); chunkStart = sURL.indexOf("/"); sURL = sURL.slice(chunkStart+1,sURL.length) while(!stop){ chunkStart = sURL.indexOf("/"); if (chunkStart != -1){ bits[x] = sURL.slice(0,chunkStart) sURL = sURL.slice(chunkStart+1,sURL.length); } else { stop = 1; } x++; } for(var i in bits){ output += "<a href=\""; for(y=1;y<x-i;y++){ output += "../"; } output += bits[i] + "/\">" + bits[i] + "</a> » "; } document.write(output + document.title); document.write("</div>"); } 2 Вставьте этот код в свой внешний CSS файл, либо в разделе <style> в разделе HEAD Вашего HTML документа!
.topnav { font-size: 0.8em; color: #000; background-color: #FFCF29; border: 1px #00009C solid; padding: 0.5em; } 3 Вставьте этот код в раздел HEAD Вашего HTML документа!
<script type="text/javascript" src="autoBreadcrumbs.js"></script> 4 Вставьте этот код в тег BODY разделе Вашего HTML документа!
<script type="text/javascript"> <!-- breadcrumbs() //--> </script> | |
|
| |
| Просмотров: 421 | Загрузок: 0 | | |
| Всего комментариев: 0 | |