Полная Версия: MAC-меню на сайте :)
Форум aceweb.ru > Готовые решения
meta-trader
Jun 11 2011, 10:45 PM
smile.gif Клёвое меню.

1. Качаем это: http://www.ndesign-studio.com/file/css-dock-menu.zip
2. Пишем между <head> тегами это:
CODE

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

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

<!--[if lt IE 7]>
<style type="text/css">
  .dock img { behavior: url(iepngfix.htc) }
  </style>
<![endif]–>


3. Настройка:
Добавить внутри тега <body> это:
CODE

<script type="text/javascript">
  $(document).ready(
  function()
  {
  $('#dock2').Fisheye(
  {
  maxWidth: 60,
  items: 'a',
  itemsText: 'span',
  container: '.dock-container2',
  itemWidth: 40,
  proximity: 80,
  alignment : 'left',
  valign: 'bottom',
  halign : 'center'
  }
  )
  }
  );
</script>

4. Добавить или удалить элементы меню:

Чтобы добавить пункт в верхнее меню:
CODE

<a class="dock-item" href="#"> <img src="images/home.png" alt="home" /> <span> Главная страница </span> </a>

Чтобы добавить пункт в нижнее меню:
CODE

<a class="dock-item2" href="#"> <span> Главная страница </span> <img src="images/home.png" alt="home" /> </a>



Поддержка: IE 6, IE 7, Opera 9, Firefox 2, and Safari 2 (Сафари подглюкивает).

Юзаем! part.gif
dudeonthehorse
Jun 12 2011, 11:05 AM
ссылку на рабочий пример не помешало бы smile.gif
meta-trader
Jun 12 2011, 11:34 AM
_http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html
dudeonthehorse
Jun 13 2011, 04:25 AM
неплохо, но мало где применимо.
meta-trader
Jun 13 2011, 10:50 AM
Чо?
dudeonthehorse
Jun 13 2011, 05:05 PM
smile.gif многословно.
я не вижу ситуации где такое меню бы пригодилось. разве что новички начнут штопать подобное на своих сайтах, считаю, что это круто. хотя разобрать код будет некоторым полезно с технической точки зрения.
meta-trader
Jun 13 2011, 11:25 PM
_http://megalor.net/clients.html
Fast Reply:
Powered by dgreen

 Enable Smilies |  Enable Signature
Здесь расположена полная версия этой страницы.
aceweb.ru