 |
|
 |
| |
| Скользящее красивое jQuery меню |
| WOLF
| Дата: Суббота, 05.06.10, 20:04:09 | Сообщение # 1
|
|
Доступно только для пользователей Установка:
Javascript, вставляем между <head> и </head> Code <script type="text/javascript">
$(document).ready(function() {
$('#nav a')
.css( {backgroundPosition: "6px 6px"} )
.mouseover(function(){
$(this).stop()
.animate(
{backgroundPosition:"(-25px 6px)"},
{duration:200})
.animate(
{backgroundPosition:"(-25px -23px)"},
{duration:5})
.animate(
{backgroundPosition:"(6px -23px)"},
{duration:200})
})
.mouseout(function(){
$(this).stop()
.animate(
{backgroundPosition:"(-25px -23px)"},
{duration:200})
.animate(
{backgroundPosition:"(-25px 6px)"},
{duration:5})
.animate(
{backgroundPosition:"(6px 6px)"},
{duration:200})
})
});
</script> Это в CSS: Code ul#nav {
border-top: 1px solid #dfdfdf;
}
ul#nav li {
display: inline;
}
ul#nav li a {
display: block;
padding: 5px 10px 5px 27px;
color: #556565;
text-decoration: none;
border-bottom: 1px solid #dfdfdf;
background: url(http://3aka4ka.net.ru/img/other/sliding-menu/nav-bg.gif) no-repeat 6px 6px;
}
ul#nav li a:hover {
color: #2b5f1a;
background-color: #e5f3d7;
} HTML код меню, вставляем там где хотим видеть меню: Code <ul id="nav"> <li><a href="http://3aka4ka.net.ru/">3aKa4Ka</a></li> <li><a href="http://3aka4ka.net.ru/news/skripty_dlja_ucoz/1-0-2">Скрипты для uCoz</a></li> <li><a href="http://3aka4ka.net.ru/load/vse_dlya_ucoz/shablony_dlya_ucoz/15">Шаблоны для uCoz</a></li> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка</a></li> </ul> Автор перевода: DizeL'
Источник: 3aka4ka.net.ru/
Источник скрипта: www.dvq.co.nz/web-design/create-a-sliding-menu-background-with-jquery/
| |
|
|
|
|
|
|
 |
|
 |
|
|
|
| |
| Правила для всех: |
| Читаем внимательно! |
|
|
|
|
|
|
|
| | |
Пожертвование
Самые активные 
Подписка на RSS
Всего: 20676
Новых за месяц: 541
Новых за неделю: 99
Новых вчера: 17 
Новых сегодня: 0
Малышей: 19470 
Детишек: 1111 
Помощников: 2
Инквизиторов: 0
Замов.админа: 2
V.I.P: 7
Парней: 6010
Девушек: 14666 
