ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Скрипт падающего изображение на сайте

Скрипт падающего изображение на сайте

Скрипт падающего изображение на сайте
Это скрипт падающего изображение, как снежинки или листва осенью. Также вы можете поставить рыбки и будет как аквариум на сайте. Все очень просто, вам нужно скопировать код и установить его на ресурсе после тега body на любом модуле. Возможно поставить в низ сайта, но не проверял. Также вам будет предоставлены сами картинки, и вы можете выбрать и в скрипте прописать в двух местах ссылку. что у вас там будет падать или как рыбки плавать. Вообщем можно поставить и от себя любой элемент. который бы тематически подходил к сайту или главное был бы по теме. Но здесь нужно обязательно ставить изображение формате PNG чтоб смотрелось корректно и красиво.

Установка:

Копируем и устанавливаем после тега body на любом модуле. Потом находим надпись под картинку в скрипте, это в самом начале и середине и припишем, то что вам нужно. Здесь поставлю листву под осень, но чтоб вы понимали, где менять.

Код
<script type="text/javascript">
  //Configure below to change URL path to the snow image
  var snowsrc="http://zornet.ru/Aben/Gsa/2.gif"
  // Configure below to change number of snow to render
  var no = 15;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
  function iecompattest(){
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  }
  var dx, xp, yp; // coordinate and position variables
  var am, stx, sty; // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;
  if (ns6up) {
  doc_width = self.innerWidth;
  doc_height = self.innerHeight;
  } else if (ie4up) {
  doc_width = iecompattest().clientWidth;
  doc_height = iecompattest().clientHeight;
  }
  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://zornet.ru/Aben/Gsa/2.gif" : snowsrc
  for (i = 0; i < no; ++ i) {
  dx[i] = 0; // set coordinate variables
  xp[i] = Math.random()*(doc_width-50); // set position variables
  yp[i] = Math.random()*doc_height;
  am[i] = Math.random()*20; // set amplitude variables
  stx[i] = 0.02 + Math.random()/10; // set step variables
  sty[i] = 0.7 + Math.random(); // set step variables
  if (ie4up||ns6up) {
  if (i == 0) {
  document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://delaisait.ucoz.ru\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
  } else {
  document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
  }
  }
  }
  function snowIE_NS6() { // IE and NS6 main animation function
  doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
  doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
  for (i = 0; i < no; ++ i) { // iterate for every dot
  yp[i] += sty[i];
  if (yp[i] > doc_height-50) {
  xp[i] = Math.random()*(doc_width-am[i]-30);
  yp[i] = 0;
  stx[i] = 0.02 + Math.random()/10;
  sty[i] = 0.7 + Math.random();
  }
  dx[i] += stx[i];
  document.getElementById("dot"+i).style.top=yp[i]+"px";
  document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
  }
  snowtimer=setTimeout("snowIE_NS6()", 10);
  }
  function hidesnow(){
  if (window.snowtimer) clearTimeout(snowtimer)
  for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
  }
if (ie4up||ns6up){
  snowIE_NS6();
  if (hidesnowtime>0)
  setTimeout("hidesnow()", hidesnowtime*1000)
  }
</script>


Здесь можете скопировать в небольшой подборке и поставить, то что вам нужно.

07 Ноября 2016 Просмотров: 3553 Комментариев: (14)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 14
FeStemBer
FeStemBer 07 Ноября 2016 19:401
0
Но до осени еще ждать и ждать, но под снег можно попробовать. но что то кажется хлопья большие.
sasha2016tv
sasha2016tv 07 Ноября 2016 20:223
0
Нет нормальные их можно настроить
tsakonter
tsakonter 07 Ноября 2016 19:502
0
Такой в первые вижу, что можно самому выставлять.
tokarnp
tokarnp 25 Мая 2020 18:284
0
A как поставить звезды?
Сопрано
Сопрано 25 Мая 2020 19:105
0
В коде поменяйте ссылку на звезды и на этом все. Некий небольшой набор представлен к материалу.
tokarnp
tokarnp 25 Мая 2020 20:066
0
У меня выдает недопустимое содержимое код#1((
Kosten
Kosten 25 Мая 2020 21:227
0
Мне этот скрипт по сути не сильно известен, и как он по умолчанию работает, большая вероятность, что нужно настраивать, что здесь проверил и по умолчанию он так показывает анимацию.
tokarnp
tokarnp 25 Мая 2020 21:358
0
А у меня просто вверху маленький квадратик и все
Kosten
Kosten 25 Мая 2020 21:399
0
Попробуйте посмотреть с другого браузера.
tokarnp
tokarnp 25 Мая 2020 22:0410
0
Все равно только в углу и всё((((
Kosten
Kosten 25 Мая 2020 23:0811
0
Вероятно, что материал не новый, да размещал в то время, когда демонстраций не делал, и этот вероятно не проверил. Хотя у меня показывает в одну строку анимация, и по коду можно вероятно выстроить как вам нужно.
tokarnp
tokarnp 25 Мая 2020 23:1312
0
Хорошо,спасибо большое
Kosten
Kosten 25 Мая 2020 23:4213
0
Вы можете кратко описать, вам какой скрипт иди эффект нужен? Возможно он есть на сайте или где то что то подобное видел. Опишите кратко! Как понимаю, что то вроде падающего снега, но только вместо снега свой элемент, так понял.
tokarnp
tokarnp 25 Мая 2020 23:4414
0
Падающие звездочки маленькие, что бы украсили сайт, медленно падая, просто нужно сдать сайт, и что б он был красиво оформлен
avatar