Главная » Файлы » Прочие скрипты » jQuery |
Очень красивое скролликующее левостороннее меню через библиотеку jQuery Easing
23.06.14, 09:14:02 | |
Замечательное полупрозрачное меню с классным эффектом. Думаю, вы не останетесь равнодушны, увидев всю изящность данного творения Для начала посмотрите ДЕМО Установка: После /head на нужных вам страницах вставляйте: Код <script type="text/javascript" src="/js/jquery.easing.js"></script> <script type="text/javascript" src="/js/jquery.sweet-menu-1.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#backMenu').sweetMenu({ top: 40, padding: 8, iconSize: 48, easing: 'easeOutBounce', duration: 500, icons: [ '/images/back.png' ] }); $('#exampleMenu').sweetMenu({ top: 200, padding: 8, iconSize: 48, easing: 'easeOutBounce', duration: 500, icons: [ '/images/home.png', '/images/comments.png', '/images/red_heart.png', '/images/male_user.png', '/images/yellow_mail.png', '/images/computer.png' ] }); }); </script> <style type="text/css"> .sweetMenuAnchor{ border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; color: #0071bb; font-size: 24px; font-weight: bold; text-align: right; text-transform: uppercase; font-family: arial; text-decoration: none; background-color: #888888; opacity: 0.6; } .sweetMenuAnchor span{ display: block; padding-top: 10px; } </style> Далее сразу же после предыдущего скрипта вставляйте: Код <ul id="backMenu"> <li><a href="#">Вернуться к уроку</a></li> </ul> <ul id="exampleMenu"> <li><a href="#">Домой</a></li> <li><a href="#">Блог</a></li> <li><a href="#">Портфолио</a></li> <li><a href="#">Обо мне</a></li> <li><a href="#">Написать</a></li> <li><a href="#">Мои файлы</a></li> </ul> Остаётся лишь залить два скрипта из прикреплённого архива в папку js и все картинки в папку images Материал подготовлен Apocalypse | |
Просмотров: 351 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |