BG-HALF LIFE

BG-HALF LIFE

Българският Half Life портал
 
PortalPortal  ИндексИндекс  Въпроси/ОтговориВъпроси/Отговори  Регистрирайте сеРегистрирайте се  ВходВход  
*BG-SMURFA-VRATSA* ви пожелава приятна игра в сървърите ни :)
CSPORTAL-BG.IN # Army Ranks+Respawn
Визита от други Държави
Flag Counter

Share| .

Интересен скрипт за ротация на банери!

Предишната тема Следващата тема Go down
АвторСъобщение
smurfa_vr
HL-BG Community
HL-BG Community


Брой мнения : 4755
Дата на регистрация : 31.03.2011
Местожителство : Враца

ПисанеЗаглавие: Интересен скрипт за ротация на банери! Сря 14 Яну 2015, 14:34

Eто един интересен скрипт за ротация на банери.Рекламите се сменят на всеки 30 секунди като едниния банер "избутва" другия


Код:
<html>
<title>Ротация на Банери</title>
<head>
<script language="JavaScript">

var displayTime, speed, wait, banner1, banner2, bannerIndex, bannerLocations;


function initVar() {
displayTime = 10; // Времето през което ще се сменят банерите.
speed = 5; // Скоростта за която ще се сменят банерите
wait = true;

banner1 = document.getElementById("banner1");
banner2 = document.getElementById("banner2");

banner1.style.left = 0;
banner2.style.left = 500;

bannerIndex = 1;



// Напишете пътя до банера
bannerLocations = new Array("http://www.САЙТ.com/banner1.gif", "http://www.САЙТ2.com/banner2.gif");

// Напишете URLа който ще се зарежда при клик
bannerURLs = new Array("http://www.САЙТ.com/","http://www.САЙТ2.com/");
}



function moveBanner(){

if(!wait){

banner1.style.left = parseInt(banner1.style.left) - (speed * 5);
banner2.style.left = parseInt(banner2.style.left) - (speed * 5);


if(parseInt(banner1.style.left) <= -500){
banner1.style.left = 500;
bannerIndex = (bannerIndex < (bannerLocations.length - 1)) ? ++bannerIndex :0;
banner1.src = bannerLocations[bannerIndex];
link1.href = bannerURLs[bannerIndex];
wait = true;
}

if(parseInt(banner2.style.left) <= -500){
banner2.style.left = 500;
bannerIndex = (bannerIndex < (bannerLocations.length - 1)) ? ++bannerIndex :0;
banner2.src = bannerLocations[bannerIndex];
link2.href = bannerURLs[bannerIndex];
wait = true;
}

setTimeout("moveBanner()",100);   
} else {
wait = false;
setTimeout("moveBanner()", displayTime * 1000);
}
}


</script>
<style>

#addbox { position: relative; width: 500px; height: 70 px; clip: rect(0px, 500px, 0px, 70px); overflow: hidden; }
#banner1 { position: relative; width: 480px; height: 60px; left: 0; top: 5px; }
#banner2 { position: relative; width: 480px; height: 60px; left: 500px; top: -55px; top:-58px; }

</style>
</head>

<body onLoad="initVar(); moveBanner()">


<div align="center"><div name="addbox" id="addbox">
<a name="link1" id="link1" href="http://www.САЙТ.com"><img border="0" name="banner1" id="banner1" src="http://www.САЙТ.com/banner1.gif"></a>

<a name="link2" id="link2" href="http://www.САЙТ2.com"><img border="0" name="banner2" id="banner2" src="http://www.САЙТ2.com/banner2.gif"></a>
</div></div>

</body>
</html>
Върнете се в началото Go down
http://smurfa.bulgarianforum.net https://www.facebook.com//smurfavratsa
Интересен скрипт за ротация на банери!
Предишната тема Следващата тема Върнете се в началото
Страница 1 от 1

Permissions in this forum:Не Можете да отговаряте на темите
BG-HALF LIFE :: Програмиране и Дизайн-