Скрипт гирлянды на сайт на jQuery

Скрипты

Рисунок Скрипт гирлянды на сайт на jQuery
Скрипт гирлянды на сайт на jQuery Скрипт гирлянды на сайт на jQuery
оценка: 4.6 из 5
оценок: 22, отзывов: 1

Скоро новый год. Господа админы накрывают свои сайты рюшечками, падающим снегом и другими новогодними украшениями. Мы решили не отставать от остальных и предлагаем вашему вниманию скрипт, который обрамит ваш сайт новогодними гирляндами.

Для того, чтобы повесить нашу гирлянду на ваш сайт, нужно обзавестись фреймворком jQuery. Вы можете воспользоваться следующим кодом, который нужно разместить в тело HEAD, для подключения jQuery к странице:

Code
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

Внимание! Если jQuery уже встроен в вашу систему, как на CMS UCOZ, то подключать его не нужно.

Затем нужно вписать следующий код новогодней гирлянды сразу после открывающего тега BODY:

Code
<script type="text/javascript" src="http://szenprogs.ru/scripts/garland/garland.js"></script>
<script type="text/javascript"><!--
  garland.imgtop = 'http://szenprogs.ru/scripts/garland/girlyanda-t.gif';
  garland.imgbottom = 'http://szenprogs.ru/scripts/garland/girlyanda-b.gif';
  garland.imgleft = 'http://szenprogs.ru/scripts/garland/girlyanda-l.gif';
  garland.imgright = 'http://szenprogs.ru/scripts/garland/girlyanda-r.gif';
  garland.height = 30;
  garland.showleft = true;
//-->
</script>

Теперь немного ознакомимся с параметрами новогодней гирлянды, которыми вы можете управлять.

  • garland.imgtop - изображение верхней гирлянды.
  • garland.imgbottom - изображение нижней гирлянды.
  • garland.imgleft - изображение левой гирлянды.
  • garland.imgright - изображение правой гирлянды.
  • garland.height - высота гирлянды. Высота (для верхней и нижней) и ширина (для левой и правой) гирлянд должны быть одинаковыми. Высота измеряется в пикселях.
  • garland.showleft - отображать ли боковые гирлянды. Может принимать значения true или false. В первом случае в браузере будет окошко из гирлянд, во втором случае - гирлянды будут только сверху и снизу.

Важное дополнение! Если у вас на страницах не проставлен DOCTYPE, то есть вероятность, что скрипт гирлянды будет работать некорректно. Если вы сомневаетесь, какой доктайп поставить, то ставьте следующий:

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Доктайп ставится в самой первой строке страницы.

Если вы хотите перенести скрипт на свой сайт, то можете скачать его по следующей ссылке: новогодняя гирлянда на сайт.

На этом все. Пример на этой странице. Жду предложений. Пользуйтесь на здоровье! Пусть Новый наступающий Год дарит вам только счастье и радость!

Удачи в свершениях!

Не по теме. Уникальная гирлянда из пластиковых стаканчиков своими руками.

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




Скрипт гирлянды на сайт на jQuery
Скрипты
Скрипты, инструкции, справочники


Для работы понадобится jQuery.

rss
Категория:Скрипты
Просмотрено:14717
Рейтинг:4.6/22
Дата добавления:2010-12-15 00:23, Среда
Добавил:Szen
Теги:гирлянда, Новый год, на сайт, новогодние украшения, украшения

Мини-форум

№ 02010-12-15 00:23
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Скрипт гирлянды на сайт на jQuery".
Гость
№ 1
2014-09-10 15:09 Спам
Кукл@
Аватар участника Кукл@
Как чудненько.. надо бы взять себе эту гирлянду ..спасибо!!!
Нинелька
Учавствовать в обсуждении "Скрипт гирлянды на сайт на jQuery" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Как вы используете файл-хостинги?
Всего ответов: 169
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 4
Гостей: 4
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2017 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz