3605
- 0
Динамическое меню с скольжением цвета , подходит для личного развлекательного блога или сайта.
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
, и заливаем в папку с шаблоном.
2.Подключаем стили и скрипты в хеад main.tpl
Код:
<link href="{tpl_url}/css/webwidget_menu_glide.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="{tpl_url}/js/webwidget_menu_glide.js"></script>3.Само меню ,вставляем туда где оно должно быть у вас
Код:
<div id="webwidget_menu_glide" class="webwidget_menu_glide">
<div class="webwidget_menu_glide_sprite"></div>
<ul>
<li><a href="https://ngcmshak.ru/">Home</a></li>
<li><a href="https://ngcmshak.ru/">News</a></li>
<li class="current"><a href="https://ngcmshak.ru/">About</a></li>
<li><a href="https://ngcmshak.ru/">Contact</a></li>
<li><a href="https://ngcmshak.ru/">More...</a></li>
</ul>
<div style="clear: both"></div>
</div>
Код:
class="current"
Код:
<script language="javascript" type="text/javascript">
$(function({$("#webwidget_menu_glide").webwidget_menu_glide({
menu_width:"100",
menu_height:"30",
menu_text_size:"15",
menu_text_color:"#CCC",
menu_sprite_color:"#666",
menu_background_color:"#000",
menu_margin:"5",
sprite_speed:"normal"
});
});
</script>
menu_width: | Ширина меню |
menu_height: | Высота Меню |
menu_text_size: | Меню размер текста |
menu_text_color: | Цвет текста меню |
menu_sprite_color: | Анимация спрайта цвет |
menu_background_color: | Меню Цвет фона |
menu_margin: | Рентабельность Меню |
sprite_speed: | Скорость анимации (вариант: медленно, нормально, быстро, без ожидания) |
Можешь почитать и вот эту статейку "Флеш облако из картинок"
Это тоже интересно
25.03.14 Много-уровневое адаптивное меню
