Всякая хрень летает по сайту - Форум S-Z. Общение сталкеров.

   19.05.2024
  

















                           
Навигация
Связь
200
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум S-Z. Общение сталкеров. » Web-Раздел » Интересные скрипты, решения и статьи для Web-Master'ов » Всякая хрень летает по сайту
Всякая хрень летает по сайту
StraNNikДата: Понедельник, 07.01.2013, 13:46 | Сообщение # 1
Крещёный
Группа: Админ
Сообщений: 105
Репутация: 0
Статус: Offline
1)Картинки с ссылками.

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



Приступим к установке:
После /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>



Из нижней части вашего сайта будут медленно всплывать пузырьки



Теперь установка:
После /head на нужных страницах вставляйте:

Код
<script language="JavaScript1.2">   
   <!-- Begin   

   //Bubble Script by Lisa (issa@lissaexplains.com, http://lissaexplains.com)   
   //Based on code by Altan d.o.o. (snow@altan.hr)   
   //For full source code and installation instructions to this script, visit http://www.dynamicdrive.com   

   var no = 15; // image number or falling rate   
   var speed = 2; // the lower the number the faster the image moves   
   var snow = new Array();   
   snow[0] = "/images/bubble.gif"   
   snow[1] = "/images/bubble.gif"   
   snow[2] = "/images/bubble.gif"   

   var ns4up = (document.layers) ? 1 : 0; // browser sniffer   
   var ie4up = (document.all) ? 1 : 0;   
   var ns6up = (document.getElementById&&!document.all) ? 1 : 0;   
   var dx, xp, yp; // coordinate and position variables   
   var am, stx, sty; // amplitude and step variables   
   var i, doc_width = 800, doc_height = 1800;   

   if (ns4up||ns6up) {   
    doc_width = self.innerWidth;   
    doc_height = self.innerHeight;   
   } else if (ie4up) {   
    doc_width = document.body.clientWidth;   
    doc_height = document.body.clientHeight;   
   }   

   dx = new Array();   
   xp = new Array();   
   yp = new Array();   
   am = new Array();   
   stx = new Array();   
   sty = new Array();   
   j = 0;   

   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 (ns4up) { // set layers   
    if (i == 0) {   
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");   
    } else {   
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");   
    } } else if (ie4up||ns6up) { if (i == 0)    
   {   
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");   
    } else {   
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");   
    }   
    }   
    if (j == (snow.length-1)) { j = 0; } else { j += 1; }   
   }   

   function snowNS() { // Netscape main animation function   
    for (i = 0; i < no; ++ i) { // iterate for every dot   
    yp[i] -= sty[i]; if (yp[i] < -50) {   
    xp[i] = Math.random()*(doc_width-am[i]-30);   
    yp[i] = doc_height;   
    stx[i] = 0.02 + Math.random()/10;   
    sty[i] = 0.7 + Math.random();   
    doc_width = self.innerWidth;   
    doc_height = self.innerHeight; }   
    dx[i] += stx[i];   
    document.layers["dot"+i].top = yp[i]+pageYOffset;   
    document.layers["dot"+i].left = xp[i] +    
   am[i]*Math.sin(dx[i]);   
    }   
    setTimeout("snowNS()", speed);   
   }   

   function snowIE_NS6() { // IE main animation function   
    for (i = 0; i < no; ++ i) { // iterate for every dot   
    yp[i] -= sty[i];   
    if (yp[i] < -50) {   
    xp[i] = Math.random()*(doc_width-am[i]-30);   
    yp[i] = doc_height;   
    stx[i] = 0.02 + Math.random()/10;   
    sty[i] = 0.7 + Math.random();   
    doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;   
    doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;   
    }   
    dx[i] += stx[i];   
    if (ie4up){   
    document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop;   
    document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);   
    }   
    else if (ns6up){   
    document.getElementById("dot"+i).style.top=yp[i]+pageYOffset;   
    document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);   
    }   
    }   
    setTimeout("snowIE_NS6()", speed);   
   }   

   if (ns4up) {   
    snowNS();   
   } else if (ie4up||ns6up) {   
    snowIE_NS6();   
   }   
   // End -->   
   </script>


Осталось лишь залить картинку из прикреплённого архива в папку images и можно наслаждаться работой данного скрипта.


Эффект падающих осенних листьев



Теперь переходим к установке:
После /head вставляйте следующий код:

Код
<script language="JavaScript1.2">   

   //Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)   
   //Modified by Dynamic Drive for NS6 functionality   
   //visit http://www.dynamicdrive.com for this script   

   //Pre-load your image below!   
   grphcs=new Array(6)   
   Image0=new Image();   
   Image0.src=grphcs[0]="/images/al.gif";   
   Image1=new Image();   
   Image1.src=grphcs[1]="/images/bl.gif"   
   Image2=new Image();   
   Image2.src=grphcs[2]="/images/cl.gif"   
   Image3=new Image();   
   Image3.src=grphcs[3]="/images/dl.gif"   
   Image4=new Image();   
   Image4.src=grphcs[4]="/images/el.gif"   
   Image5=new Image();   
   Image5.src=grphcs[5]="/images/fl.gif"    

   Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!   
   Ypos=new Array();   
   Xpos=new Array();   
   Speed=new Array();   
   Step=new Array();   
   Cstep=new Array();   
   ns=(document.layers)?1:0;   
   ns6=(document.getElementById&&!document.all)?1:0;   

   if (ns){   
   for (i = 0; i < Amount; i++){   
   var P=Math.floor(Math.random()*grphcs.length);   
   rndPic=grphcs[P];   
   document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");   
   }   
   }   
   else{   
   document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');   
   for (i = 0; i < Amount; i++){   
   var P=Math.floor(Math.random()*grphcs.length);   
   rndPic=grphcs[P];   
   document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');   
   }   
   document.write('</div></div>');   
   }   
   WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;   
   WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;   
   for (i=0; i < Amount; i++){    
    Ypos[i] = Math.round(Math.random()*WinHeight);   
    Xpos[i] = Math.round(Math.random()*WinWidth);   
    Speed[i]= Math.random()*5+3;   
    Cstep[i]=0;   
    Step[i]=Math.random()*0.1+0.05;   
   }   
   function fall(){   
   var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;   
   var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;   
   var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;   
   var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;   
   for (i=0; i < Amount; i++){   
   sy = Speed[i]*Math.sin(90*Math.PI/180);   
   sx = Speed[i]*Math.cos(Cstep[i]);   
   Ypos[i]+=sy;   
   Xpos[i]+=sx;    
   if (Ypos[i] > WinHeight){   
   Ypos[i]=-60;   
   Xpos[i]=Math.round(Math.random()*WinWidth);   
   Speed[i]=Math.random()*5+3;   
   }   
   if (ns){   
   document.layers['sn'+i].left=Xpos[i];   
   document.layers['sn'+i].top=Ypos[i]+hscrll;   
   }   
   else if (ns6){   
   document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);   
   document.getElementById("si"+i).style.top=Ypos[i]+hscrll;   
   }   
   else{   
   eval("document.all.si"+i).style.left=Xpos[i];   
   eval("document.all.si"+i).style.top=Ypos[i]+hscrll;   
   }    
   Cstep[i]+=Step[i];   
   }   
   setTimeout('fall()',20);   
   }   

   window.onload=fall   
   //-->   
   </script>


Остаётся лишь залить в папку images все картинки, которые находятся в прикреплённом архиве


Cнег для сайта(скрипт 2011 года).

Между head и /head

Код
<script type="text/javascript" src="http://apocalypse.ucoz.kz/snowstorm/snowstorm.js"></script>


Увы,демика нет(


Текст летающий вокруг курсора


После
Ставим:

Код
<style type="text/css">   
   /* Circle Text Styles */   
   #outerCircleText {   
   /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */   
   font-style: italic;   
   font-weight: bold;   
   font-family: 'comic sans ms', verdana, arial;   
   color: #000;   
   /* End Optional */   

   /* Start Required - Do Not Edit */   
   position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}   
   #outerCircleText div {position: relative;}   
   #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}   
   /* End Required */   
   /* End Circle Text Styles */   
   </style>   
   <script type="text/javascript">   

   /* Circling text trail- Tim Tilton   
    Website: http://www.tempermedia.com/   
    Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts   
    Modified Here for more flexibility and modern browser support   
    Modifications as first seen in http://www.dynamicdrive.com/forums/   
    username:jscheuer1 - This notice must remain for legal use   
    */   

   ;(function(){   

   // Your message here (QUOTED STRING)   
   var msg = "Здесь любой ваш текст!";   

   /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */   

   // Set font's style size for calculating dimensions   
   // Set to number of desired pixels font size (decimal and negative numbers not allowed)   
   var size = 24;   

   // Set both to 1 for plain circle, set one of them to 2 for oval   
   // Other numbers & decimals can have interesting effects, keep these low (0 to 3)   
   var circleY = 0.75; var circleX = 2;   

   // The larger this divisor, the smaller the spaces between letters   
   // (decimals allowed, not negative numbers)   
   var letter_spacing = 5;   

   // The larger this multiplier, the bigger the circle/oval   
   // (decimals allowed, not negative numbers, some rounding is applied)   
   var diameter = 10;   

   // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)   
   var rotation = 0.4;   

   // This is not the rotation speed, its the reaction speed, keep low!   
   // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)   
   var speed = 0.3;   

   ////////////////////// Stop Editing //////////////////////   

   if (!window.addEventListener && !window.attachEvent || !document.createElement) return;   

   msg = msg.split('');   
   var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,   
   ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],   
   o = document.createElement('div'), oi = document.createElement('div'),   
   b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,   

   mouse = function(e){   
    e = e || window.event;   
    ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position   
    xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position   
   },   

   makecircle = function(){ // rotation/positioning   
    if(init.nopy){   
    o.style.top = (b || document.body).scrollTop + 'px';   
    o.style.left = (b || document.body).scrollLeft + 'px';   
    };   
    currStep -= rotation;   
    for (var d, i = n; i > -1; --i){ // makes the circle   
    d = document.getElementById('iemsg' + i).style;   
    d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';   
    d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';   
    };   
   },   

   drag = function(){ // makes the resistance   
    y[0] = Y[0] += (ymouse - Y[0]) * speed;   
    x[0] = X[0] += (xmouse - 20 - X[0]) * speed;   
    for (var i = n; i > 0; --i){   
    y[i] = Y[i] += (y[i-1] - Y[i]) * speed;   
    x[i] = X[i] += (x[i-1] - X[i]) * speed;   
    };   
    makecircle();   
   },   

   init = function(){ // appends message divs, & sets initial values for positioning arrays   
    if(!isNaN(window.pageYOffset)){   
    ymouse += window.pageYOffset;   
    xmouse += window.pageXOffset;   
    } else init.nopy = true;   
    for (var d, i = n; i > -1; --i){   
    d = document.createElement('div'); d.id = 'iemsg' + i;   
    d.style.height = d.style.width = a + 'px';   
    d.appendChild(document.createTextNode(msg[i]));   
    oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;   
    };   
    o.appendChild(oi); document.body.appendChild(o);   
    setInterval(drag, 25);   
   },   

   ascroll = function(){   
    ymouse += window.pageYOffset;   
    xmouse += window.pageXOffset;   
    window.removeEventListener('scroll', ascroll, false);   
   };   

   o.id = 'outerCircleText'; o.style.fontSize = size + 'px';   

   if (window.addEventListener){   
    window.addEventListener('load', init, false);   
    document.addEventListener('mouseover', mouse, false);   
    document.addEventListener('mousemove', mouse, false);   
    if (/Apple/.test(navigator.vendor))   
    window.addEventListener('scroll', ascroll, false);   
   }   
   else if (window.attachEvent){   
    window.attachEvent('onload', init);   
    document.attachEvent('onmousemove', mouse);   
   };   

   })();   

   </script>


Внимательно всмотритесь в верхнюю часть скрипта и найдите там "Здесь любой ваш текст!". Замените на своё

Прикрепления: 1506_Desktop.rar (3.1 Kb) · 1507_bubble.rar (0.2 Kb)


Тихо на улице...
Пусто в квартире...
Спасибо реактору №4..
 
maksimushkaДата: Суббота, 03.12.2016, 15:16 | Сообщение # 2
Отмычка
Группа: Отмычка
Сообщений: 1
Репутация: 0
Статус: Offline
http://muzline.com.ua кто-то сталкивался?
 
Форум S-Z. Общение сталкеров. » Web-Раздел » Интересные скрипты, решения и статьи для Web-Master'ов » Всякая хрень летает по сайту
  • Страница 1 из 1
  • 1
Поиск:



Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешени Администрации.
Для просмотра сайта рекомендуем использовать Google Chrome или Mozilla Firefox.
Sait Admin StraNNik © 2013
Бесплатный хостинг uCoz© 2024