Главная » Меню для uCoz » Новенькое меню

Новенькое меню

  


Новенькое меню аккордеон  на 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 - Каталог файлов - Все для uCoz, DLE, Joomla, скрипты для uCoz

ucoz, на, jQuery, для, меню
Категория: Меню для uCoz Просмотров: 2204