Блог
Главная » jQuery » Необычное скроллирующее меню на jQuery для uCoz
07:18




Довольно-таки интересное меню. Если вы находитесь в верхней части - меню выглядит совершенно обычно и находится на своём месте, однако, как только вы начнёте прокручивать страницу вниз, меню развернётся на всю ширину экрана и начнёт скроллировать вместе с прокруткой

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Code

<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />


В то место, где будет само меню (Желательно сразу после предыдущего кода) вставляйте:
Code

<div id="navi">  
  <div id="menu" class="default">  
  <ul>  
  <li><a href="#">Home</a></li>  
  <li><a href="#">CSS</a></li>  
  <li><a href="#">Design</a></li>  
  <li><a href="#">Development</a></li>  
  <li><a href="#">Freebies</a></li>  
  <li><a href="#">Inspiration</a></li>  
  <li><a href="#">Resources</a></li>  
  <li><a href="#">Tutorials</a></li>  
  <li><a href="#">WordPress</a></li>  
  </ul>  
  </div>  
  </div>  

  <script type="text/javascript" src="/js/nagging-menu.js" charset="utf-8"></script>


Теперь залейте скрипт из прикреплённого архива в папку js и стиль в папку css

Категория: jQuery

Вы не авторизованы, по-этому вы не можете скачивать файлы к материалу, просматривать демо, читать и оставлять комментарии!

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?