Пятница, 17.05.2024, 12:31
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Октябрь 2009  »
    ПнВтСрЧтПтСбВс
       1234
    567891011
    12131415161718
    19202122232425
    262728293031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Октябрь » 23 » Chrome - горизонтальное выпадающее меню
    18:25
    Chrome - горизонтальное выпадающее меню
    Сначала скачиваем исходники

    В <!--head--> подключаем

    Code
    <link rel="stylesheet" type="text/css" href="/chrometheme/chromestyle.css" />  
    <script type="text/javascript" src="/chromejs/chrome.js">

    В нужное место (<body>)

    Code
    <ul>  
    <li><a href="http://www.dynamicdrive.com">Home</a></li>  
    <li><a href="#" rel="dropmenu1">Resources</a></li>  
    <li><a href="#" rel="dropmenu2">News</a></li>  
    <li><a href="#" rel="dropmenu3">Search</a></li>  
    </ul>  
    </div>  

    <!--1st drop down menu -->  
    <div id="dropmenu1" class="dropmenudiv">  
    <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>  
    <a href="http://www.cssdrive.com">CSS Drive</a>  
    <a href="http://www.javascriptkit.com">JavaScript Kit</a>  
    <a href="http://www.codingforums.com">Coding Forums</a>  
    <a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>  
    </div>  

    <!--2nd drop down menu -->  
    <div id="dropmenu2" class="dropmenudiv" style="width: 150px;">  
    <a href="http://www.cnn.com/">CNN</a>  
    <a href="http://www.msnbc.com">MSNBC</a>  
    <a href="http://news.bbc.co.uk">BBC News</a>  
    </div>  

    <!--3rd drop down menu -->  
    <div id="dropmenu3" class="dropmenudiv" style="width: 150px;">  
    <a href="http://www.google.com/">Google</a>  
    <a href="http://www.yahoo.com">Yahoo</a>  
    <a href="http://www.msn.com">MSN</a>  
    </div>  

    <script type="text/javascript">  

    cssdropdown.startchrome("chromemenu")  

    </script>
    Категория: скрипты для ucoz сайта | Просмотров: 379 | Добавил: A$k | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]