RUB
Платежи проходят через сервис ROBOKASSA
visa/mastercard
Visa / MasterCard
qiwi
qiwi
yandex
yandex
beeline
beeline
mts
mts
tele2
tele2
alfa
alfa
sber
sber
ПОСЛЕДНИЕ ПУБЛИКАЦИИ
ПОДПИСКА
Будь В Курсе
Подпишись, и получай эксклюзивные обновления на свой E-Mail:

Ваш E-Mail полностью защищён

ОБСУЖДЕНИЕ

Меню с прокруткой

Вертикальное меню с прокруткой
Просмотров: 1922  Скачан: 243 раз  Комментариев в теме: 0

Меню придкльно простое, весит очень мало, подойдёт сайту любой тематики. Если по сути, то это прокрутка картинок, при навидении на которую появляеться подпись (title).

Шаг 1 - создание разметки

 

HTML

<div class="sc_menu_wrapper">
    <div class="sc_menu">
        <a title="Меню" href=""><img src="images/1.jpg" alt="Меню"/></a>
        <a title="Навигация" href=""><img src="images/2.jpg" alt="Навигация"/></a>
        <a title="jQuery" href=""><img src="images/3.jpg" alt="jQuery"/></a>
        <a title="CSS" href=""><img src="images/4.jpg" alt="CSS"/></a>
        <a title="Вертикаль" href=""><img src="images/5.jpg" alt="Вертикаль"/></a>
        <a title="Меню" href=""><img src="images/1.jpg" alt="Меню"/></a>
        <a title="Навигация" href=""><img src="images/2.jpg" alt="Навигация"/></a>
        <a title="jQuery" href=""><img src="images/3.jpg" alt="jQuery"/></a>
        <a title="Навигация" href=""><img src="images/4.jpg" alt="Навигация" /></a>
        <a title="JavaScript" href=""><img src="images/5.jpg" alt="JavaScript"/></a>
        <a title="Меню" href=""><img src="images/1.jpg" alt="Меню"/></a>
        <a title="Навигация" href=""><img src="images/2.jpg" alt="Навигация"/></a>
        <a title="JavaScript" href=""><img src="images/3.jpg" alt="Javascript"/></a>
    </div>
</div>

Шаг 2 - подключение стилей

 

CSS

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

Шаг 3 - подключение JavaScript

 

JS

<script type="text/javascript" src="js/jquery-2.0.1.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(function(){
    makeScrollable("div.sc_menu_wrapper", "div.sc_menu");
});
</script>
Материалы по теме:

Вертикальное многоуровневое меню следующее за курсоромВертикальное многоуровневое меню следующ...

Многоуровневое меню, работает оно довольно интересным образом, меню привязывается к......

Функциональное вертикальное меню «Tab Menu»Функциональное вертикальное меню «Tab Me...

Отличное вертикальное меню, хорошо подойдёт к блогу или информационному сайту......

Слайд эффект с помощью JavaScriptСлайд эффект с помощью JavaScript

Эффект в виде слайда, реализован с помощью javascript...

Вертикальное многоуровневое меню на css и JQueryВертикальное многоуровневое меню на css ...

Вертикальное многоуровневое меню с неограниченной вложенностью на основе jQuery....

Прозрачный аккордеон с помощью css и jqueryПрозрачный аккордеон с помощью css и jqu...

Прозрачный вертикальный аккордеон, с плавным эффектом раскрытия......

Слайд меню с помощью css3 и JQueryСлайд меню с помощью css3 и JQuery

Креативное вертикальное меню на css3 и JQuery
Интересные публикации:

Аккордеон на css3 и jqueryАккордеон на css3 и jquery

Неплохой аккордеон для вашего сайта на css и jquery, в аккордеоне можно использовать текст, изображения, имеется два вида реализации аккордеона....

Navigation SlaiderNavigation Slaider

Простой слайдер на jquery, имеет меню расположенное с левой стороны, также вы можете задать текст, который будет......

Набор пиктограммных кнопок на css3Набор пиктограммных кнопок на css3

Отличный набор пиктограмных кнопок с применением иконического шрифта. В наборе представлены как......

Sell v1.4.1Sell v1.4.1

Sell - это ещё одна довольно гибкая универсальная тема для создания интернет магазина на WordPress с использованием WooCommerce....

Горизонтальное меню с ползункомГоризонтальное меню с ползунком

Стильное горизонтальное меню с ползунком, который следует за курсором мыши....

SonjaSonja

Шаблон Sonja построенный на HTML5, в шаблоне красиво реализована главная страница, имеется оригинальная галерея, стрелка вверх, видео проигрыватель......

Многоуровневое горизонтальное меню на css3Многоуровневое горизонтальное меню на cs...

Отличное горизонтальное выпадающее многоуровневое меню на css3....
  • Текущий 1.67/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 1.7/5( Голосов 9 )

Комментариев в теме: (0)

Авторизация:
YandexGoogleVKMail.ruTwitterFacebookOdnoklassniki


Ваше имя:
Сайт:
Ваша почта:
RSS
Комментарий:
Введите символы:
captcha
Обновить