Скрипт для ucoz jHint - Скрипты для ucoz - скрипты для ucoz, шаблоны для ucoz Ucoz-Scripts.RU Скачать скрипты для ucoz,шаблоны для uCoz

jHint
Авторизация
Главная | Скрипты | Шаблоны | Форум | | Фильмы онлайн | Профиль |
Навигация
Главная
Форум
Ucoz-Scripts ТОП
Баннеры/ссылка
Скрипты для uCoz
Шаблоны для uCoz
Торрент трекер
Онлайн фильмы
Уроки фотошоп
Софт/Программы
Игры для psp
Патчи к играм
Проекты администрации
Бесплатные онлайн фильмы без регистрации
Категории
Скрипты для ucoz [1606]
Последние скрипты
Новый переключатель страниц для ucoz
Темный мини-чат для uCoz
Мини-профиль
Плеер для проигрывания мп3 на сайте
Часы для cs
Наша кнопка

Код нашего баннера:

Скрипты для uCoz, шаблоны для uCoz, Все для uCoz


Другие баннеры
Оплаченная реклама
Реклама
Главная » 2010 » Май » 15 » jHint

Скрипт jHint для uCoz
Категория: Скрипты для ucoz | Добавил:VoldemaR
jHint

Скрипт для ucoz: jHint - это всплывающая подсказка для вашего сайта. Как она работает?! Вы наводите на квадрат серого цвета, жмете и появляется после чего этот квадрат становится светло-синим цветом и выскакивает подсказка(нужно менять свою подсказку). После нажатия на любое пустое место на сайте подсказка плавно исчезает. Скрипт не сложен в установке и может пригодится как новичку, так и продвинутому веб-мастеру.

Установка:

1. Для начала установим стили:

Code
<style type="text/css">
#button {
  width: 10px;
  height: 15px;
  cursor: pointer;
  border: 0 none;
}

.n {
  background: #555;
}

.y {
  background: #00b4ff;
}

#content {
  display: none;
  border: 1px solid black;
  width: 300px;
  background: #eee;
  font-family: Tahoma;
  position: absolute;
  opacity: 0.8;
}
</style>

2. Затем — сам скрипт:

Code
<script type="text/javascript">
$('#button').click(function (ev) {
  if ($(this).hasClass('n')) {
  $(this).attr('class', 'y');
  $('#content').css({
  left: ev.pageX + 10,
  top: ev.pageY + 10
  }).fadeIn();
  } else {
  $(this).attr('class', 'n');
  $('#content').fadeOut();
  }
}).blur(function () {
  $('#content').fadeOut();
  $(this).attr('class', 'n');
});
</script>

3. Ну и саму кнопку:

Code
<input type="button" id="button" class="n"></div>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem  
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.  
  Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit  
  lobortis nisl ut aliquip ex ea commodo consequat.
</div>

Не забываем настроить ширину блока с подсказкой в CSS.

Автор: $USERNAME$.
Просмотров (379) | Добавлено: 26.05.2012
Комментарии
Всего комментариев: 1
(30.05.2010 19:14 Воскресенье)
Имя : леха ковтуненко

sarkot

  • Спасибо за добавленный комментарий
а можно инструкцию поподробней?))
0  
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама
Профиль
Суббота
26.05.2012
08:02
Логин
Пароль
Регистрация
Восстановление пароля
[ Управление профилем ]
Кто с нами
Онлайн всего: 2
Гостей: 2
Пользователей: 0
Всего: 63045
Новых вчера: 3
Новых сегодня: 0
20ка Посетивших пользователей:
Случайные скрипты ucoz
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Вид комментариев для ucoz by wallaby.ucoz.ru
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Скрипт "Новости сайта"
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Как сделать читаемыми русские имена MP3 файлов. для PSP
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Видео из блога
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Samuy krutoy vud materualov na forum 2010)
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Часы в стиле c4 для сайтов cs
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Новый вид каталога файла(на ajax)
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Белый переключатель страниц uCoz
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Прозрачные счетчики на сайт
Раздел: [Скрипты для ucoz]
смотреть скрипт для ucoz:
Ссылки загораются морозом
Опрос
Откуда Вы нас нашли?!
Результат опроса Результаты Все опросы нашего сайта Архив опросов
Всего голосовало: 481
Поиск
Архив скриптов
Календарь
«  Май 2010  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
© gigasoft.ucoz.net/ucoz-scripts.ru 2012.
Все материалы, скрипты, шаблоны, фото и видео, размещаются на данном сайте его гостями и пользователями. Администрация не несет ответственности за возможное нарушение авторских прав и причиненные убытки в случае незаконного копирования, воспроизводства и использования данных материалов!
Sitemap | Sitemap-forum | Хостинг от uCoz
CY and PR