-->
Пятница, 26.04.2024, 02:26

Пилотажное исследование "Зондаж"

-сделано под браузер "Опера"

Главная » Статьи » Самые лучшие скрипты для сайта » Функциональные скрипты
Скрипт установки логотипа-ссылки на сайт

Скрипт установки логотипа-ссылки на сайт

Этот скрипт предназначен для установки логотипа-ссылки на Вашем сайте.

INFO - работу скрипта Вы видете в виде советского флага, в левом верхнем углу этого сайта. При нажатии на флаг Вы автоматически переходите на главную страницу сайта.


Копируем на html страницу нижеприведённый код, точнее то, что находится в теле
<head>

<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="staticlogo.js"></script>
</head>
<body>


</body>
</html>

Теперь рассмотрим, что есть что в этом коде.

1. src="jquery.min.js" - закачиваем этот скрипт себе на сайт и конечно пишем ссылку, например (http://researcher.ucoz.ru/jquery.min.js)
2. src="staticlogo.js" - закачиваем и этот скрипт себе на сайт с указанием пути к нему.
3. В теле <head> у нас записаны скрипты, с помощью программы Macromedia Dreamweaver MX 2004 открываем скрипт staticlogo.js
4. В коде скрипта видим вот такую запись:

setting: {orientation:1, visibleduration:0, fadeduration:[1000, 500]}, //orientation=1|2|3|4, duration=millisec or 0, fadedurations=millisecs
offsets: {x:10, y:10},//offset of logo relative to window corner
logoHTML: '<a href="http://researcher.ucoz.ru/" title="Мой логотип " alt="Мой логотип"><img src="CHerep.gif" style="width:50px; height:50px; border:0" /></a>', //HTML for logo, which is auto wrapped in DIV w/ ID="mysitelogo"

Рассмотрим по пунктам код и поменяем его для Вашего сайта.

  1. orientation:1 - устанавливает ориентацию логотипа относительно края окна браузера. 1 - левый верхний угол. 2 - правый верхний угол. 3 - левый нижний угол. 4 - правый нижний угол.
  2. visibleduration:20000 - устанавливает продолжительность (в миллисекундах) прежде, чем логотип исчезает. Для бесконечного показа напишите 0 вместо этого.
  3. offsets: {x:10, y:10} - отспуп логотипа от края окна
  4. a href="http://researcher.ucoz.ru/" - ссылка на ваш любимый сайт или, например, главную страницу Вашего сайта
  5. title="Мой логотип " alt="Мой логотип" - всплывающая подсказка при наведении мыша на логотип, для браузеров Опера и Хрюшин эксплорер соответственно.
  6. img src="CHerep.gif" - ссылка на размещение картинки логотипа на сайте.
  7. style="width:50px; height:50px - размер отображения картинки логотипа на сайте, независимо от исходного размера.
  8. border:0 - ноль прописываем обязательно, иначе ваш логотип в хрюшином браузере будет показан в рамке.

Работу скрипта Вы видете на этом сайте.

P.S. Изменить содержание скрипта, при работе с сайтом расположенным на бесплатном хостинге UCOZ, можно вызвав файловый менеджер, далее открыть папку расположения скрипта staticlogo.js , справа жмануть на кнопку ---> изменить содержание файла. Меняем внутренности скрипта и жмём сохранить. Вот и всё!!!

Категория: Функциональные скрипты | Добавил: researcher (01.05.2010)
Просмотров: 4850 | Рейтинг: 5.0/2 |
Всего комментариев: 0
RSS

Категории каталога

Функциональные скрипты [6]
Скрипты для картинок и фотографий [4]

Форма входа

Поиск

Друзья сайта

Статистика

Онлайн всего: 3
Гостей: 3
Пользователей: 0

Наш опрос

Оцените мой сайт
Результаты | Архив опросов
Всего ответов: 190

Мини-чат