Когда я лично создавал ползунок то я преследовал цель создать такой
баннер который должен не видным для пользователя, но должен бать видным
какой-то промижуток времени, при этом зрительно обращая на себя
внимание пользователя, если навести на него мышкой то ползунок
остановиться, а если мышку убрать то ползунок наченает своё движение. Я
достиг этой цели довольно легко, и сразу внедрил эту техно-логию у себя
на страничках.
У меня получилось так:
1. Скрипть ползунка запускается после полной загрузки страницы.
2. Он ждёт несколько сек. пока пользователь осмотрится на сайте.
3. Ползунок начинает свое движение с вверху в низ до 300 пиксель, медленно.
4. После спуска с вверха страницы начинает движение с лева на право.
5. После движуния слева на право начинает двигаться с низу в верх
6. Исчезает их поле зрения пользователя
7. Ждёт несколько сек. и повторяет предыдушие действия занаво бесконечно
<script>
//данные о позициях ползунка
var i=-110; //отступить 110 пиксель от верху что-бы не было видно содержимого ползунка
var j=0; //стартовать тащить ползунок с лева 0 пиксель
var q=300;//старт 300 писелей с вверху что бы ползунок двигался вверх
var gg=2;//не меняйте эту переменную
var hj=300;//ползунок идёт с лева на право до 300 пиксель, любое значение
function start_polzun(){
setTimeout("ggh()",3000);
setTimeout("document.all.sh.style.display=''",3000);//старт ползунка через 3 секунды
}
function ggh(){
if(gg>1){i++;}
if(gg>1){document.all.sh.style.top=i+'px';}
document.all.sh.style.left=j+'px';
window.defaultStatus = "Sys.h16.ru - идёт ползунок с верху! (TOP-"+i+")";
if(i<300){setTimeout("ggh()",20);}
else{setTimeout("ggh2()",200);}
}
function ggh2(){
if(gg>1){j++;}
if(gg>1){document.all.sh.style.left=j+'px';}
if(j<=hj){setTimeout("ggh2()",20);}//ползунок идёт с лева на право
else{setTimeout("ggh3()",200);}
}
function ggh3(){
if(gg>1){q--;}
if(gg>1){document.all.sh.style.top=q+'px';}
if(q>-110){setTimeout("ggh3()",20);}else{//ползунок идёт с низу вверх до -110 пиксель т.к 'var i=-110;'
document.all.sh.style.display='none';
i=-110;
j=0;
q=300;
setTimeout("start_polzun()",6000);//перезагрузка ползунка
}
</body></html>
--------------------------------------------------------------------------------
Теперь вставте этот код в любую страничку, кстате этот скрипт полностью
как шаблон в старнице html, вы можете скачать в разделе "Download". Все
вопросы вы можете задать мне на redrat@land.ru
Категория: Мои статьи | Добавил: RedRat (2006-07-15)
| Автор: Галочкин Роман