Приветствую Вас Прохожий | RSS Пятница, 09.12.2016, 20:18
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 14
Гостей: 14
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Красивое горизонтальное меню

Красивое горизонтальное меню Красивое, горизонтальное, меню
Этот код ставим туда где хотим видеть меню
Code
<script type="text/javascript" src="/img/u.js"></script>  
<script>  
jQuery(function(){  
$('.menu td').append('<div align="center"><img src="img/icons-shadow.png"></div>')  
$('.menu td').hover(function(){  
$(this).find('a').stop().animate({top:'-30'},300);  
$(this).find('a').animate({top:'-20'},300)  
$(this).find('img').stop().animate({opacity:'.3',height:'25px'},300)  
$(this).find('span').stop().animate({opacity:'.7',bottom:'15px'},300)  
},  
function(){  
$(this).find('a').stop().animate({top:'10',}, 300);  
$(this).find('span').stop().animate({opacity:'0.0',bottom:'20px'}, 300)  
$(this).find('img').stop().animate({opacity:'1.0',height:'30px'}, 300)  
});  
});  
</script>  
<style>  
body{margin:0}  
.menu td{width:110px;height:200px;text-align:center;}  
.menu a{display:block;width:90px;height:90px;position:relative;left:10px;top:10}  
#home{background:url(img/home.png)no-repeat center;}  
#blog{background:url(img/blog.png)no-repeat center;}  
#load{background:url(img/load.png)no-repeat center;}  
#forum{background:url(img/img.png)no-repeat center;}  
#img{background:url(img/forum.png)no-repeat center;}  
#rss{background:url(img/rss.png)no-repeat center;}  
.menu span{opacity:.0;position:relative;font-weight:700;background:#555;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#FFF;border:1px solid #000;padding:3px;bottom:20px;}  
</style>  
<table align="center" class="menu" border="0" cellspadding="0" cellspacing="0">  
  <tr>  
  <td><a id="home" href="#"></a><span>Главная</span></td>  
  <td><a id="blog" href="#"></a><span>Блог</span></td>  
  <td><a id="load" href="#"></a><span>Файлы</span></td>  
  <td><a id="forum" href="#"></a><span>Альбомы</span></td>  
  <td><a id="img" href="#"></a><span>Форум</span></td>  
  <td><a id="rss" href="#"></a><span>RSS</span></td>  
  </tr>  
</table>

Папку img загружаем в корень сайта
Посетители сайта просьба не забывать комментировать и оценивать материал! Так же повышать репутацию и дарить награды!
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2711 | Комментарии: 1 | Рейтинг: 0.0/0 | |Категория: Скрипты Разное | Добавил: BARABANTEMO | Дата: 30.11.2010 | Скачали: 5 | Теги: красивое, Горизонтальное, меню
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
1 SniperM   Дата: 15.12.2010  Время: 11:44   [№ 5453]
что-то не работает,и изображение не отображается


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru