Главная » Файлы » Прочие скрипты » Яваскрипты |
По сайту летают картинки со ссылками
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 | |
Просмотров: 493 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |