Динамический логотип

Динамический логотип

Сегодня я расскажу как сделать динамический логотип при помощи java script

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

1. Подключаем java-скрипт. Вставляем между тегами <HEAD> следующий код:

<script src="js/dw_lib. js" type="text/javascript"></script>

<script src="js/dw_glider. js" type="text/javascript"></script>

<script type="text/javascript"> function initStatLyr() { var statLyr = new Glider("glideDiv",20,0,null, null,1000,-1); statLyr. show();

}

</script>

Здесь строчка ("glideDiv",20,0,null, null,1000,-1); отвечает за расположение самого логотипа. Первый параметр - отступ от левой части экрана, второй - от верхней кромки. Не забудьте исправить пути к файлам на ваши!

2. Добавляет стили. Их так же добавляем между тегами <HEAD> или можно вынести в отдельный файл css.

<style type=text/css>

#glideDiv { position:absolute; left:20px; z-index:200; width:91px; height:37px;

}

</style>

Здесь определяем размер нашего логотипа.

3. Добавляем сам голотип. Для этого добавляем следующий код:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="initStatLyr()">

<div id="glideDiv">

<a href="http://"><img src="img/logo. gif" title="" border="0" alt="логотип" width="91" height="37" /></a>

</div>

Тут я думаю особых затруднений не должно возникнуть.

Вот и все, логотип готов. Попробуйте по скролить страницу - вы увидете, что логотип "движется" за видимой частью страницы.


Карта сайта


Информационный сайт Webavtocat.ru