Архив Айгуст —
архив помогалки Августа
«Никто не вечен… В отличие от знаний»
Внимание!
  Материалы на данном сайте представляют собой архивную копию форума «Айгуст - помогалка Августа» на момент октября 2019 года с целью сохранения знаний. Все права на материалы принадлежат их авторам. Материалы представлены в открытый доступ в ознакомительных целях, запрещено их коммерческое использование без согласования с авторами. Администрация сайта не несёт ответственности за содержание материалов, в том числе за наличие вредоносных закладок в коде, используйте любой предоставленный код на свой страх и риск. Рекомендуется проверять любые файлы вручную и перезаливать на собственный хостинг, дабы избежать возможной модификации или исчезновения в будущем.

Падающие Листья (JavaScript)

h3adseek3r
Сообщений: 136
28.10.2010 16:25:54
Падающие Листья (JavaScript)
Итак, гулял по интернету и наткнулся на такой скриптик) Довольно простенький)) изменил его (заменил листья, на более маленькие) и вот что вышло)
вот он)
<script language="JavaScript1.2">
//Изображения
grphcs=new Array(7)
Image0=new Image();
Image0.src=grphcs[0]="http://yee.ucoz.ru/lists/list1.png";
Image1=new Image();
Image1.src=grphcs[1]="http://yee.ucoz.ru/lists/list2.png"
Image2=new Image();
Image2.src=grphcs[2]="http://yee.ucoz.ru/lists/list3.png"
Image3=new Image();
Image3.src=grphcs[3]="http://yee.ucoz.ru/lists/list4.png"
Image4=new Image();
Image4.src=grphcs[4]="http://yee.ucoz.ru/lists/list5.png"
Image5=new Image();
Image5.src=grphcs[5]="http://yee.ucoz.ru/lists/list6.png"
Image6=new Image();
Image6.src=grphcs[6]="http://yee.ucoz.ru/lists/list7.png"
Amount=15; //Количество объектов
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>

Листья можно сделать чем угодно) снежинки, капли дождя, камни) короче, на что фантазии хватит) достаточно заменить в начале скрипта ссылки на картинки)
т.е. http://yee.ucoz.ru/lists/list#.png на ваши ссылки)

Этот код отвечает за количество объектов на странице) Если объекты большого размера, рекомендую уменьшить это число)
Amount=15;



Куда вставлять его? Я бы рекомендовал в конце страницы, перед тегом </body> :)

Вроде бы всё)))
#2221
h3adseek3r
Сообщений: 136
13.12.2010 18:20:14
Снег из этого же скрипта.
<script language="JavaScript1.2">
grphcs=new Array(3)
Image0=new Image();
Image0.src=grphcs[0]="http://yee.ucoz.ru/lists/snej1.png";
Image1=new Image();
Image1.src=grphcs[1]="http://yee.ucoz.ru/lists/snej2.png"
Image2=new Image();
Image2.src=grphcs[2]="http://yee.ucoz.ru/lists/snej3.png"
Amount=100;
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()*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()*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>

Вставляем так же перед </body>
#3167
G_nomic
Админ
Сообщений: 4
03.01.2011 17:58:20
Re: Падающие Листья (JavaScript)
С наступившим всех!


Подскажите, http://www.alex-world.ru/web/demo/snow2.htm - это скрипт падающего снега.
Куда его прописать, чтобы в самом чате, он "шел".
Создавать страницу?
с телом <body>
или только в Баннер и на Стартовую страницу?

Стартовой нет.

Браузер- Mozila FF.
Спасибо.
#3761
InfinitI
Основатель
Сообщений: 1191
03.01.2011 20:20:19
Re: Падающие Листья (JavaScript)
G_nomic: С наступившим всех!


Подскажите, http://www.alex-world.ru/web/demo/snow2.htm - это скрипт падающего снега.
Куда его прописать, чтобы в самом чате, он "шел".
Создавать страницу?
с телом <body>
или только в Баннер и на Стартовую страницу?

Стартовой нет.

Браузер- Mozila FF.
Спасибо.

В самом чате, это где именно?
#3764
EGOistka
Админ
Сообщений: 52
04.01.2011 10:09:04
Re: Падающие Листья (JavaScript)
В самом чате?
Твои чатлане тебя крепко за это поблагодарят :D
#3771
G_nomic
Админ
Сообщений: 4
05.01.2011 00:48:03
Re: Падающие Листья (JavaScript)
:)))
во фрейме хотелось бы. на время))

а так, везде кроме фрейма - баннер и строка отправки сообщений.ну и "Список" - Кто в чате.
Возможно?

Например, до половины экрана, чтобы шел.

Или только на стартовых страницах?

Спасибо!
#3777
InfinitI
Основатель
Сообщений: 1191
05.01.2011 12:21:40
Re: Падающие Листья (JavaScript)
G_nomic: :)))
во фрейме хотелось бы. на время))

а так, везде кроме фрейма - баннер и строка отправки сообщений.ну и "Список" - Кто в чате.
Возможно?

Например, до половины экрана, чтобы шел.

Или только на стартовых страницах?

Спасибо!

Может я конечно ошибаюсь, но поставить это корректнее во фрейм кто в чате, в другие фреймы в половину у вас нету доступа к шаблонам.
Если ставить во фреймы кто в чате.
Админка|Хтмль шаблоны 1|Кто в чате - туда в самое начало либо в самый низ скопируйте скрипт снега.
#3791
Роман
Сообщений: 40
17.09.2011 02:50:10
Re: Падающие Листья (JavaScript)
а у меня листики не падают..я хотел вставить в кто в чате.но безрезультатно(((((листиков нет(((
#11991
InfinitI
Основатель
Сообщений: 1191
17.09.2011 03:29:49
Re: Падающие Листья (JavaScript)
Роман: а у меня листики не падают..я хотел вставить в кто в чате.но безрезультатно(((((листиков нет(((
Дело в том, что хостинг куда были загружены картинки упал. Попробуй заменить картинки листьев на свои и естественно поменять ссылки на картинки. Далее "не работать" может из-за того же обновления Августа, потому как данная тема была создана давно, и допустим эти скрипты я после обновления Августа не тестировал.
#11992

Другие темы раздела