Желейное меню на jQuery
Данный скрипт сделает меню, которое будет двигаться в такт курсору и напоминать желе. Напомню то, что желе - это такая масса, которая при легком прикосновении колышется и немного деформируется. Меню на сайте будет создавать такие же впечатления.
<script>
function over_menu(lank) {$(lank).animate({padding: '10px'}, 200)}
function out_menu(lank) {$(lank).animate({padding: '6px'}, 200)}
//onmouseover="$('.li21').animate({padding: '10px'}, 200)" onmouseout="$('.li21').animate({padding: '6px'}, 200)"
</script>
<a href="http://www.yraaa.ru" class="mu21" onmouseover="over_menu('.mu21')" onmouseout="out_menu('.mu21')">Бесплатные шаблоны</a>
Вставляем скрипт, но прежде подключаем jQuery к сайту
Code
<script>
function over_menu(lank) {$(lank).animate({padding: '10px'}, 200)}
function out_menu(lank) {$(lank).animate({padding: '6px'}, 200)}
//onmouseover="$('.li21').animate({padding: '10px'}, 200)" onmouseout="$('.li21').animate({padding: '6px'}, 200)"
</script>
Затем делаем с сылками в меню вот такую штуку
Code
<a href="http://www.yraaa.ru" class="mu21" onmouseover="over_menu('.mu21')" onmouseout="out_menu('.mu21')">Бесплатные шаблоны</a>
Создать сайт в uKit
Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Воспользуйтесь сервисом uKit. Никакого кода!
Рейтинг лучших сервисов для самостоятельного создания сайта.
Легко! Если пользоваться нашими советами.
