Слайд-меню с помощью MySlideMenu

Статья от 20.06.09 в категории Javascript
Теги: BySlideMenu, Javascript, Mootools

BySlideMenu – это плагин для javascript-библиотеки Mootools, который позволяет создавать меню в виде слайдов из любого элемента, например ul/li, div, p, используя изображения и текст. С помощью BySlideMenu можно создавать как горизонтальное так и вертикальное меню + поддерживается множество эффектов.
cover
BySlideMenu работает во всех современных браузерах, меню с помощью него могут быть очень легко реализованы на вашем сайте. Внешний вид меню вы можете настроить с помощью CSS.

Небольшой пример

HTML-разметка:

<ul class="bsm" id="byslidemenu">
  <li class="first"><img alt="" src="images/creditcards.jpg" /></li>
  <li><img alt="" src="images/games.jpg" /></li>
  <li><img alt="" src="images/computer.jpg" /></li>
  <li><img alt="" src="images/eiffeltower.jpg" /></li>
  <li><img alt="" src="images/electronic.jpg" /></li>
</ul>

Немножко стилей:

ul.bsm{
	margin: 0px auto;
	border:1px solid #B0B0B0;
	list-style-type: none;
}
 
ul.bsm li{
	border-left:2px solid #FFFFFF;
}

Javascript:

window.addEvent('load', function(){
	var slideMenu = new BySlideMenu();	
});

Результат

Скрипт разработан ByScripts. Более подробную информацию вы можете найти на сайте BySlideMenu.

Примеры Cкачать архив с примерами

Подпишись на обновления

Если вам понравилась статья, подпишитесь на обновления через RSS (?), чтобы не пропустить новые интересные статьи. Также Вы можете зафолловить меня в Twitter или подписаться на обновления по email.

Закладки

Оставить комментарий

Подпишись на обновления
через rss или email.

WEBduty.ru css html javascript jquery