Главная » Файлы » Меню для uCoz » Меню для uCoz

Новенькое меню
[ · Скриншот ] 25.09.2012, 01:01


Новенькое меню аккордеон на JQuery

Ставим код туда где будет стоять данное меню

Code
<!DOCTYPE html PUBLIC "http://stock-exchange.ucoz.com" "DTD/xhtml1-strict.dtd">  
  <style>  
  .topnav {  
  width: 213px;  
  padding: 40px 28px 25px 0;  
  font-family: "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;  
  }  

  ul.topnav {  
  padding: 0;  
  margin: 0;  
  font-size: 1em;  
  line-height: 0.5em;  
  list-style: none;  
  }  

  ul.topnav li {}  

  ul.topnav li a {  
  line-height: 10px;  
  font-size: 11px;  
  padding: 10px 5px;  
  color: #000;  
  display: block;  
  text-decoration: none;  
  font-weight: bolder;  
  }  

  ul.topnav li a:hover {  
  background-color:#675C7C;  
  color:white;  
  }  

  ul.topnav ul {  
  margin: 0;  
  padding: 0;  
  display: none;  
  }  

  ul.topnav ul li {  
  margin: 0;  
  padding: 0;  
  clear: both;  
  }  

  ul.topnav ul li a {  
  padding-left: 20px;  
  font-size: 10px;  
  font-weight: normal;  
  outline:0;  
  }  

  ul.topnav ul li a:hover {  
  background-color:#D3C99C;  
  color:#675C7C;  
  }  

  ul.topnav ul ul li a {  
  color:silver;  
  padding-left: 40px;  
  }  

  ul.topnav ul ul li a:hover {  
  background-color:#D3CEB8;  
  color:#675C7C;  
  }  

  ul.topnav span{  
  float:right;  
  }  
  </style>  
  <script type="text/javascript" src="http://stock-exchange.ucoz.com/demo/akkordeon-menu/jquery-1.5.2.min.js"></script>  
  <script type="text/javascript" src="http://stock-exchange.ucoz.com/demo/akkordeon-menu/scriptbreaker-multiple-accordion-1.js"></script>  
  <script language="JavaScript">  

  $(document).ready(function() {  
  $(".topnav").accordion({  
  accordion:false,  
  speed: 500,  
  closedSign: '[+]',  
  openedSign: '[-]'  
  });  
  });  

  </script>  
   
  <ul class="topnav">  
  <li><a href="http://stock-exchange.ucoz.com/" target="scriptbreaker">Все для веб мастера</a></li>  
  <li><a href="#">Ваш пункт меню</a>  
  <ul>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a>  
  <ul>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">JВаш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  </ul>  
  </li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  </ul>  
  </li>  
  <li><a href="#">Ваш пункт меню</a>  
  <ul>  
  <li class="active"><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a>  
  <ul>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  <li><a href="http://stock-exchange.ucoz.com/" target="_blank">Ваш пункт меню</a></li>  
  </ul>  
  </li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  </ul>  
  </li>  
  <li><a href="http://stock-exchange.ucoz.com/" target="_blank">Ваш пункт меню</a></li>  
  <li><a href="#">Ваш пункт меню</a></li>  
  </ul>
Категория: Меню для uCoz | Добавил: kevin | Теги: меню для ucoz, новенькое, меню
Просмотров: 557 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]