Дата: Вс, 04.12.2011, 21:38:17 | Сообщение # 1|
|
Очень красивое меню которое летает за стрелкой мышки)
Установка(обязательно)
1.Качаем архив - Скачать
2.Заливаем в файловый менеджер
Установка с кодами(обязательно)
После тега head ставим:
[codes]<link href="malihu.cfm.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>[/codes]
После body вставляем:
[codes]<div id="cf_menu">
<div class="container">
<div class="title">НАЖМИ МЕНЯ</div>
<ul>
<li><a href="#home">↑ Главная</a></li>
<li><a href="#about"">Обо мне</a></li>
<li><a href="work">+ Портфолио</a>
<ul>
<li><a href="#recent">Недавние</a></li>
<li><a href="#web">Веб</a></li>
<li><a href="#print"">Печатные</a></li>
</ul>
</li>
<li><a href="#blog">Блог</a></li>
<li><a href="links">+ Интересные ссылки</a>
<ul>
<li><a href="#freebies">Ресурсы</a></li>
<li><a href="#people">Люди</a></li>
</ul>
</li>
<li><a href="#contact">Контакт</a></li>
</ul>
</div>
</div>[/codes]
В любое место вставляем:
[codes]<script>
//Меню, следующее за курсором - Конфигурация
$mouseover_title="+ МЕНЮ"; //Заголовок на плашке при наведении указателя мыши
$mouseout_title="НАЖМИ МЕНЯ"; //Заголовок на плашке в отсутствии указателя мыши
$menu_following_speed=2000; //Задержка, с которой меню следует за указателем (в миллисекундах)
$menu_following_easing="easeOutCirc"; //Эффект перехода
$menu_cursor_space=30; //Расстояние между указателем и меню
$menu_show_speed="slow"; //Скорость анимации открытия меню
$menu_show_easing="easeOutExpo"; //Тип перехода при открытии меню
$menu_hide_speed="slow"; //Скорость анимации закрытия меню
$menu_hide_easing="easeInExpo"; //Тип перехода при закрытии меню
</script>
<script src="malihu.jquery.cfm.js"></script>[/codes]
Источник
|
|
