Главная » Файлы » Прочие скрипты » Яваскрипты

По сайту летают картинки со ссылками
23.06.14, 08:22:52

Скачать файл




На вашем сайте будут летать картинки (В данном случае воздушные шарики), при клике на которые пользователи будут переходить по нужной вам ссылке

Для начала посмотрите ДЕМО

Приступим к установке:

После /head на нужных вам страницах вставляйте:
Код
<script type="text/javascript" src="/js/moveobj.js"> </script>
<script type="text/javascript">
//Step 1: Define unique variable names depending on number of flying images (ie:3):
var flyimage1, flyimage2, flyimage3

function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
  flyimage1=new Chip("flyimage1",47,68);
  flyimage2=new Chip("flyimage2",47,68);
  flyimage3=new Chip("flyimage3",47,68);

//Step 3: Using the same variable names as 1), add or delete more of the below lines:
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");

}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
</script>


Теперь после тега body вставляйте:
Код
<DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="Любая ваша ссылка"><IMG SRC="/images/ballon2.gif" BORDER=0></a>
</DIV>

<DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="Любая ваша ссылка"><IMG SRC="/images/ballon3.gif" BORDER=0></a>
</DIV>

<DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="Любая ваша ссылка"><IMG SRC="/images/ballon4.gif" BORDER=0></a>
</DIV>


Далее залейте скрипт из архива в папку js, все картинки в папку images

Картинки и ссылки можете вставить свои

Материал подготовлен Apocalypse
Категория: Яваскрипты | Добавил: Apocalypse | Теги: летают, Со, ПО, картинки, сайту, ссылками
Просмотров: 310 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: