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

Звёзды, проносящиеся мимо вашего сайта (Справа налево)
23.06.14, 08:19:09



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

Приступим к установке. После /head вставляйте:
Код
<style type="text/css">  

  #sDiv0, #sDiv1, #sDiv2, #sDiv3, #sDiv4, #sDiv5, #sDiv6, #sDiv7, #sDiv8, #sDiv9  
  {  
  position:absolute; height:1; width:1; font-family:arial black; font-size:9px; color:#FFFFAA; z-index:10;  
  }  

  </style>  

  <SCRIPT LANGUAGE="JavaScript1.2">  
  <!--  

  /*  
  Document firework script (By Matt Gabbert, mgabbert@usrtoday.com, http://www.nolag.com)  
  Featured on Dynamicdrive.com  
  For full source and 100's more DHTML scripts, visit http://www.dynamicdrive.com  
  */  

  var ns=(document.layers);  
  var ie=(document.all);  
  var w3=(document.getElementById && self.innerWidth && (window.pageXOffset>-1));  
  //my way of making sure the browser will have what I need  

  var allDivs = new Array(10);  
  var documentWidth,documentHeight;  

  function initAll(){  
if(!ns && !ie && !w3) return;  

for(dNum=0; dNum<10; ++dNum){  
if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style');  
else if(ns) allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]');  
else if(w3) allDivs[dNum]=eval('document.getElementById("sDiv'+dNum+'").style');  
moveTo(dNum,0,0);  
}
  }  

  function moveTo(i,tempx,tempy){  
if (ie){  
documentWidth =document.body.offsetWidth+document.body.scrollLeft-20;  
randomy=Math.floor(Math.random()*document.body.offsetHeight)+document.body.scrollTop-20;  
}  
else if (ns){  
documentWidth=window.innerWidth+window.pageXOffset-20;  
randomy=Math.floor(Math.random()*window.innerHeight)+window.pageYOffset-20;  
}  
else if (w3){  
documentWidth=self.innerWidth+window.pageXOffset-20;  
randomy=Math.floor(Math.random()*self.innerHeight)+window.pageYOffset-20;  
}  

if(tempx>-50){  
tempx-=45;  
allDivs[i].left=tempx;  
allDivs[i].top =tempy;  
setTimeout("moveTo("+i+","+tempx+","+tempy+")",40)  
}  
else  
setTimeout("moveTo("+i+",documentWidth-10,randomy)",2000/i+40);  
  }  

  window.onload=initAll  
  //End-->  
  </script>


Далее после тега
Код
<body>


Вставляйте:
Код
<div id="sDiv0">*</div>  
  <div id="sDiv1">*</div>  
  <div id="sDiv2">*</div>  
  <div id="sDiv3">*</div>  
  <div id="sDiv4">*</div>  
  <div id="sDiv5">*</div>  
  <div id="sDiv6">*</div>  
  <div id="sDiv7">*</div>  
  <div id="sDiv8">*</div>  
  <div id="sDiv9">*</div>


Всё! Скрипт полностью настроен и готов к употреблению smile

Материал подготовил Apocalypse

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