Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Новогодние Скрипты и украшения [ 2010 ]


Новогодние Скрипты и украшения [ 2010 ]

Сообщений 1 страница 19 из 19

1

Традиция наверное.
И в прошлом году была такая тема и ушла в архив где-то там...Начинаем снова собирать!


Уважаемые пользователи!
1) убедительно просим Вас не выкладывать в данную тему всякие разносторонние скрипты.
2) все скрипты заключать в тэги [сode] [/соde]
3) благодарности выражать плюсами, писать спасибо не стоит
Данная тема как и предыдущие призвана для сбора Новогодних скриптов и украшений к предстоящему 2010 году.

Отредактировано Lexx (Вт, 10 Ноя 2009 18:26:28)

+2

2

Новогодний снег, пяти видов.
Пример -
http://druzia.0pk.ru/uploads/0002/25/06/631-1.gif

Администрирование - Настройка -HTML  верх или низ

Первая версия

Код:
<script language="JavaScript1.2">
 grphcs=new Array(2)
Image0=new Image();
Image0.src=grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://fantasyflash.ru/script/web/image/sneg1.gif";
  Amount=25; 
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];//osw
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;//fantasyflash.ru
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>

Вторая версия

Код:
<SCRIPT language=JavaScript>
<!--
Amount=15; 

Image0=new Image();
Image0.src="http://fantasyflash.ru/script/web/image/sneg1.gif";

grphcs=new Array(1)
grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif"

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?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" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth: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+2;
 Cstep[i]=0;//osw
 Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;//fantasyflash.ru 
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+2;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else{
si[i].style.pixelLeft=Xpos[i];//osw
si[i].style.pixelTop=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',50);
}
fall()
//-->
</SCRIPT>[/quote]
[b]Третья версия  -  Не забываем загрузить функцию fall() внутрь тега body![/b]

[quote]<SCRIPT language=JavaScript>
Amount=20; 
Image0=new Image();
Image0.src="http://fantasyflash.ru/script/web/image/sneg2.gif";
Image1=new Image();
Image1.src="http://fantasyflash.ru/script/web/image/sneg2.gif";
Image2=new Image();
Image2.src="http://fantasyflash.ru/script/web/image/sneg2.gif";
Image3=new Image();
Image3.src="http://fantasyflash.ru/script/web/image/sneg2.gif";
Image4=new Image();
Image4.src="http://fantasyflash.ru/script/web/image/sneg2.gif";
grphcs=new Array(5)
grphcs[0]="http://fantasyflash.ru/script/web/image/sneg2.gif"
grphcs[1]="http://fantasyflash.ru/script/web/image/sneg2.gif"
grphcs[2]="http://fantasyflash.ru/script/web/image/sneg2.gif"
grphcs[3]="http://fantasyflash.ru/script/web/image/sneg2.gif"
grphcs[4]="http://fantasyflash.ru/script/web/image/sneg2.gif"
grphcs[5]="http://fantasyflash.ru/script/web/image/sneg2.gif"
grphcs[6]="http://fantasyflash.ru/script/web/image/sneg2.gif"
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
Ypos=new Array();
ns=(document.layers)?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];//fantasyflash.ru
document.write('<img id="si" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth: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+2;
 Cstep[i]=0;
 Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll=(document.layers)?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]);//osw
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+2;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else{
si[i].style.pixelLeft=Xpos[i];
si[i].style.pixelTop=Ypos[i]+hscrll;
} 
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
</SCRIPT>

Четвертая версия

Код:
<SCRIPT language=JavaScript>
Amount=25; 

Image0=new Image();
Image0.src="http://fantasyflash.ru/script/web/image/sneg3.gif";

grphcs=new Array(1)
grphcs[0]="http://fantasyflash.ru/script/web/image/sneg3.gif"

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?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" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth: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+2;
 Cstep[i]=0;//osw
 Step[i]=Math.random()*0.1+0.05;
}//fantasyflash.ru
function fall(){
var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll=(document.layers)?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;//osw
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+2;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else{
si[i].style.pixelLeft=Xpos[i];
si[i].style.pixelTop=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',35);
}
fall()
</SCRIPT>[/quote]
[b]Пятая версия[/b]

[quote]<SCRIPT language=JavaScript1.2>
var no = 25; 
var speed = 6; 
var snowflake = "http://fantasyflash.ru/script/web/image/sneg1.gif";

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; 
var am, stx, sty; 
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
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();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;         
xp[i] = Math.random()*(doc_width-50); 
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;//osw         
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random();   
if (ns4up) {                  
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
   }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
      }
   }
}
function snowNS() { 
for (i = 0; i < no; ++ i) {  
yp[i] += sty[i];//osw
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { 
for (i = 0; i < no; ++ i) { 
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;//fantasyflash.ru
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</SCRIPT>

Источник -  0pk.ru

Отредактировано Lexx (Вт, 10 Ноя 2009 18:06:43)

+5

3

еще скрипты с падающим снегом
1) http://forum.mybb.ru/viewtopic.php?id=6 … 11#p528235
2,3) http://forum.mybb.ru/viewtopic.php?id=6 … 10#p523564

Отредактировано =soda= (Вт, 10 Ноя 2009 22:33:29)

+1

4

Зимнее украшение на форум. Lazary

Код:
<div style="position:absolute; left:0%; top:0px;"><img src="http://i.rusff.ru/f/ru/rusff/211515.png" border="0" /></div>

Пример работы:
http://s50.radikal.ru/i127/0911/6d/b4b5cd02e0f1t.jpg

+7

5

Снежинки по всему форуму

Код:
<script language="JavaScript1.2"> 
grphcs=new Array(2) 
Image0=new Image(); 
Image0.src=grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif"; 
Image1=new Image(); 
Image1.src=grphcs[1]="http://fantasyflash.ru/script/web/image/sneg1.gif"; 
Amount=25; 
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;//fantasyflash.ru 
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>

Отредактировано Суслик (Вт, 1 Дек 2009 18:10:57)

0

6

Суслик

Код:
<script language="JavaScript1.2"> 
grphcs=new Array(2) 
Image0=new Image(); 
Image0.src=grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif"; 
Image1=new Image(); 
Image1.src=grphcs[1]="http://fantasyflash.ru/script/web/image/sneg1.gif"; 
Amount=25; 
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;//fantasyflash.ru 
for (i=0; i < Amount; i++){      
Ypos[i] = Math.round(Math.random()*WinHeight); 
Xpos[i] = Math.round(Math.random()*WinWidth); 
Speed[i]= Math.random()*0.5+1; 
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()*0.5+1; 
} 
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>

Пробуйте.

+2

7

Работает во всех браузерах

Код:
<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
  
  //Configure below to change URL path to the snow image
  var snowsrc="http://tcse-cms.com/sneg/sneg.gif"
  // Configure below to change number of snow to render
  var no = 10;
  // 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)? "snow.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://dynamicdrive.com\"><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>

Не подчищал и долго не гонял. Проверяйте.

+2

8

снежочек

Код:
<script src="http://s2.wordpress.com/wp-content/plugins/snow/snowstorm.js?ver=2" type="text/javascript"></script>

+4

9

Скрипт, показывающий время, оставшееся до НОВОГО ГОДА.

Код:
<script type="text/javascript">

function cdtime(container, targetdate){
 if (!document.getElementById || !document.getElementById(container)) return
 this.container=document.getElementById(container)
 this.currentTime=new Date()
 this.targetdate=new Date(targetdate)
 this.timesup=false
 this.updateTime()
}

cdtime.prototype.updateTime=function(){
 var thisobj=this
 this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
 setTimeout(function(){thisobj.updateTime()}, 1000) 
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
 this.baseunit=baseunit
 this.formatresults=functionref
 this.showresults()
}

cdtime.prototype.showresults=function(){
 var thisobj=this


 var timediff=(this.targetdate-this.currentTime)/1000 
 if (timediff<0){ 
 this.timesup=true
 this.container.innerHTML=this.formatresults()
 return
 }
 var oneSecond=100
 var oneMinute=60 
 var oneHour=60*60 
 var oneDay=60*60*24 
 var dayfield=Math.floor(timediff/oneDay)
 var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
 var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
 var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
 var milisecondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute-secondfield*oneSecond))
 if (this.baseunit=="hours"){ 
 hourfield=dayfield*24+hourfield
 dayfield="n/a"
 }
 else if (this.baseunit=="minutes"){ 
 minutefield=dayfield*24*60+hourfield*60+minutefield
 dayfield=hourfield="n/a"
 }
 else if (this.baseunit=="seconds"){ 
 var secondfield=timediff
 dayfield=hourfield=minutefield="n/a"
 }
 this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield, milisecondfield)
 setTimeout(function(){thisobj.showresults()}, 1000)
}

function formatresults(){
 if (this.timesup==false){
 var displaystring="<b><font size=6><font color=red>"+arguments[0]+" дней "+arguments[1]+" час. "+arguments[2]+" мин. <font color=green> "+arguments[3]+"</font> сек. </font></font></b>"
 }
 else{ 
 var displaystring="Future date is here!"
 }
 return displaystring
}


</script>


<body background="files/bgs.jpg" topmargin="0" leftmargin="0" text="#ffffff" VLINK="BLUE" ALINK="white" onLoad="fall()">

<center>
<img src="http://transiver.ucoz.ru/_fr/0/0055211.gif" border="0" height="80" alt=" В ЛЕСУ ">
<img src="http://transiver.ucoz.ru/_fr/0/7391780.gif" border="0" height="87" alt="РОДИЛАСЬ">
<img src="http://transiver.ucoz.ru/_fr/0/8131594.gif" border="0" height="97" alt="ЁЛОЧКА">
<img src="http://transiver.ucoz.ru/_fr/0/9349147.gif" border="0" alt="Будем ёлочки рассматривать или сообщения писать?">
    <img src="http://transiver.ucoz.ru/_fr/0/6717210.gif" border="0" height="100" alt="С НОВЫМ ГОДОМ!">


<img src="http://transiver.ucoz.ru/_fr/0/9349147.gif" border="0" alt="В ЛЕСУ">
    

<img src="http://transiver.ucoz.ru/_fr/0/8131594.gif" border="0" height="97" alt="ОНА">
<img src="http://transiver.ucoz.ru/_fr/0/7391780.gif" border="0" height="87" alt="РОСЛА">
<img src="http://transiver.ucoz.ru/_fr/0/0055211.gif" border="0" height="80" alt="купи меня">

<br>
<center><b><font size=10><font color=blue>До НОВОГО ГОДА осталось:</font></font></b><br />


<div id="countdowncontainer"></div>



<br />

<img src="http://transiver.ucoz.ru/_fr/0/0055211.gif" border="0" height="80" alt="ЗИМОЙ">
<img src="http://transiver.ucoz.ru/_fr/0/7391780.gif" border="0" height="87" alt="И ЛЕТОМ">
<img src="http://transiver.ucoz.ru/_fr/0/8131594.gif" border="0" height="97" alt="СТРОЙНАЯ">
    <img src="http://transiver.ucoz.ru/_fr/0/9349147.gif" border="0" alt="Давай,давай пиши сообщения, а не ёлочки рассматривай!">
    

<img src="http://transiver.ucoz.ru/_fr/0/6717210.gif" border="0" height="100" alt="С НОВЫМ ГОДОМ!">
    <img src="http://transiver.ucoz.ru/_fr/0/9349147.gif" border="0" alt="ЗЕЛЁНАЯ">
    

<img src="http://transiver.ucoz.ru/_fr/0/8131594.gif" border="0" height="97" alt="БЫЛА">
<img src="http://transiver.ucoz.ru/_fr/0/7391780.gif" border="0" height="87" alt="купи меня">
<img src="http://transiver.ucoz.ru/_fr/0/0055211.gif" border="0" height="80" alt="КУПИ МЕНЯ!!!">
<br><br>


<script type="text/javascript">

var futuredate=new cdtime("countdowncontainer", "January 1, 2010 00:00:00")
futuredate.displaycountdown("days", formatresults)

</script>

Ёлочки, можно заменить на свои рисунки.
Посмотреть работу скрипта можно здесь  http://electronsat.mybb.ru/

0

10

[modteg]Вопросы по скриптам прошу писать сюда[/modteg]
Тигрица если вам показали на вашу ошибку, не надо воспринимать это в штыки, а лучше пойти и задать вопросы в соответствующих разделах. И уж поверьте, что Lazary как раз порфи

+1

11

Очень понравилось украшение от Lazary, однако захотелось сделать другую картинку. Предлагаю вам вариант с нашего форума:

http://i032.radikal.ru/0912/da/4942d573c5fft.jpg

Код:
<br>
<div style="position: absolute; top: -6px; left: 2%;"><img src="http://riverdale.3bb.ru/uploads/0000/14/de/21021-1.png" border="0" title="Какой-нибудь символичный текст))"/></div>

Обратите внимание на строчку стиля в div'е! Расположение шапки можно спокойно изменять, хоть на край категории надевай : ))

+2

12

Новогодняя ёлочка рядом с логотипом (флэш)

html-верх

Код:
<object style="position: absolute; top:10px; left: 10px;" classid="CLSID:d27cdb6e-ae6d-11cf-96b8-444553540000" height="100" width="200" type="application/x-shockwave-flash">
<param name="movie" value="http://image.subscribe.ru/list/rest/interesting/dinamit/ElkaNG.swf" />
<param name="quality" value="middle" />
<param name="wmode" value="transparent">
<param name="play" value="false"></object>

опытные с перемещением её  и размерами разберутся,
а так сообщаю, что перемещайте её в нужное вам место и меняёте размер ёлочки
меняя значения, которые выделены красным

top:10px; left: 10px и height="100" width="200"

ПРИМЕР РАБОТЫ

Отредактировано Romych (Пт, 11 Дек 2009 22:35:19)

0

13

Продолжая тему
Санта Клаус
Спасибо: Тьме, за помощь с картинками, Павлу(rps'y) за напоминание в использовании css. Ну и Ренату, за показ в прошлом году своего кота :) А так же тем кто помогал в тестировании
Так первый пункт - вставляем jquery. Если он уже установлен от других скриптов, к примеру спойлера или выпадающего меню, то ставить его не нужно, если не установлен, то ставим в хтмл-верх

Код:
<script type="text/javascript" src="http://i.rusff.org.ru/f/ru/org/rusff/lib_module.js"></script>

Далее ксс

Код:
<style type="text/css">
#santa-block {
	display: block;
	position: fixed;	
	width: 133px;
	height: 400px;
	margin: 20em 0 0 -7em;
	z-index: 2;
	text-align: left;
	}
	
#santa-block #dialog {
	width: 225px;
	height: auto;
	float: right;
	display: none;
	position: absolute;
	bottom: 350px;
	left: 50px;
	font-size: 12px;
	color: red;
	}
#santa-block #dialog div.b1, #santa-block #dialog div.b2, #santa-block #dialog div.b3, #santa-block #dialog div.b4, #santa-block #dialog div.b5,
#santa-block #dialog div.b1 i, #santa-block #dialog div.b2 i, #santa-block #dialog div.b3 i, #santa-block #dialog div.b4 i, #santa-block #dialog div.b5 i, #santa-block#dialog div.b1 b, #santa-block #dialog div.b2 b, #santa-block #dialog div.b3 b, #santa-block #dialog div.b4 b, #santa-block #dialog div.b5 b,#santa-block #dialog div.b1 q, #santa-block #dialog div.b2 q, #santa-block #dialog div.b3 q, #santa-block #dialog div.b4 q, #santa-block #dialog div.b5 q {
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	border-style: solid;
	border-width: 0 1px;
	border-color: #ff6569;
	display: block;
	background: #ffffff;
	}
#santa-block #dialog div.b1 {
	margin: 0 2px;
	background: #ff6569;
	border: none;
}
#santa-block #dialog div.b1 b {
	margin: 0 1px;
	background: #ffffff;
	border-color: #ff6569;
}
#santa-block #dialog div.b2 {margin: 0 1px; border-color: #ff6569;}
#santa-block #dialog div.text {
	border: 1px solid #ff6569;
	border-width: 0 1px;
	padding: 0 12px;
	background: #ffffff;
}

#santa-block div.santa{
	float: left;
	width: 133px;
	height: 300px;	
	display: inline;
	z-index: 5;
	}
#santa-block div.santa a img {
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	}
#santa-block,#santa-block div.santa *,#santa-block #dialog,#santa-block #dialog * {border:0; !important}
</style>

находим

#santa-block #dialog {
width: 225px;
height: auto;
float: right;
display: none;
position: absolute;
bottom: 350px;
left: 50px;
font-size: 12px;
color: red;
}

выделенное красным меняйте, если диалоговый блок куда-нибудь уезжает. хтмл-верх

<script type="text/javascript">
$(document).ready(function(){
var santa_message = new Array();
var surl = document.URL;
santa_message.push('Добро пожаловать на сайт!');
santa_message.push('Вы попали в поиск!');
santa_message.push('Ура вы входите!');
santa_message.push('Смотрим темку');
santa_message.push('В профиле ^____^');
santa_message.push('Просматриваем раздельчик');

$("#santa-block > #dialog > #santa-text.text").html(santa_message[0]);
if(surl.indexOf("search.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[1]);
    else if(surl.indexOf("login.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[2]);
    else if(surl.indexOf("viewtopic.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[3]);
        else if(surl.indexOf("profile.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[4]);
        else if(surl.indexOf("viewforum.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[5]);
$("#santa-block > div.santa > a").click(function(){
    $(this).children("img").css("border","0");
    if($("#santa-block > #dialog").css("display")=='none'){
    $("#santa-block > #dialog").fadeIn("slow");
    $("#santa-block > #dialog").css("display",'inline');
    }
    else{
    $("#santa-block > #dialog").css("display",'none');
    }
    })
});

</script>

выделенные фразки меняете на свои, хтмл-верх

Код:
<div id="santa-block">
<div class="santa"><a href="#" onclick="return false;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/santa.png" border="0" onmouseover="$(this).animate({opacity: 1}, 1000)" onmouseout="$(this).animate({opacity: 0.2}, 1000)" onClick="this.style.border='0px'"></a></div>
<div id="dialog">
<div class="b1"><b></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b4"><b></b></div>
<div class="b5"><b></b></div>
  <div id="santa-text" class="text"></div>

<div class="b5"><b></b></div>
<div class="b4"><b></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b1"><b></b></div>
<div style="margin: -4px 0px 0px 3px;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/dialog_bottom.png" border="0" /></div>
</div>
</div>

тоже хтмл верх, если есть желание заменить санту на что-нибудь другое, допустим на Деда Мороза, то находим строку

<div class="santa"><a href="#" onclick="return false;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/santa.png" border="0" onmouseover="$(this).animate({opacity: 1}, 1000)" onmouseout="$(this).animate({opacity: 0.2}, 1000)" onClick="this.style.border='0px'"></a></div>

заменяете на свой адрес

для тех кому лень собирать все кусками

Код:
<script type="text/javascript" src="http://i.rusff.org.ru/f/ru/org/rusff/lib_module.js"></script>
<style type="text/css">
#santa-block {
	display: block;
	position: fixed;	
	width: 133px;
	height: 400px;
	margin: 20em 0 0 -7em;
	z-index: 2;
	text-align: left;
	}
	
#santa-block #dialog {
	width: 225px;
	height: auto;
	float: right;
	display: none;
	position: absolute;
	bottom: 350px;
	left: 50px;
	font-size: 12px;
	color: red;
	}
#santa-block #dialog div.b1, #santa-block #dialog div.b2, #santa-block #dialog div.b3, #santa-block #dialog div.b4, #santa-block #dialog div.b5,
#santa-block #dialog div.b1 i, #santa-block #dialog div.b2 i, #santa-block #dialog div.b3 i, #santa-block #dialog div.b4 i, #santa-block #dialog div.b5 i, #santa-block#dialog div.b1 b, #santa-block #dialog div.b2 b, #santa-block #dialog div.b3 b, #santa-block #dialog div.b4 b, #santa-block #dialog div.b5 b,#santa-block #dialog div.b1 q, #santa-block #dialog div.b2 q, #santa-block #dialog div.b3 q, #santa-block #dialog div.b4 q, #santa-block #dialog div.b5 q {
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	border-style: solid;
	border-width: 0 1px;
	border-color: #ff6569;
	display: block;
	background: #ffffff;
	}
#santa-block #dialog div.b1 {
	margin: 0 2px;
	background: #ff6569;
	border: none;
}
#santa-block #dialog div.b1 b {
	margin: 0 1px;
	background: #ffffff;
	border-color: #ff6569;
}
#santa-block #dialog div.b2 {margin: 0 1px; border-color: #ff6569;}
#santa-block #dialog div.text {
	border: 1px solid #ff6569;
	border-width: 0 1px;
	padding: 0 12px;
	background: #ffffff;
}

#santa-block div.santa{
	float: left;
	width: 133px;
	height: 300px;	
	display: inline;
	z-index: 5;
	}
#santa-block div.santa a img {
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	}
#santa-block,#santa-block div.santa *,#santa-block #dialog,#santa-block #dialog * {border:0; !important}
</style>
<script type="text/javascript">
$(document).ready(function(){
	var santa_message = new Array();
	var surl = document.URL;
	santa_message.push('Добро пожаловать на сайт!');
	santa_message.push('Вы попали в поиск!');
	santa_message.push('Ура вы входите!');
	santa_message.push('Смотрим темку');
	santa_message.push('В профиле ^____^');
	santa_message.push('Просматриваем раздельчик');
	$("#santa-block > #dialog > #santa-text.text").html(santa_message[0]);
	if(surl.indexOf("search.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[1]);
else if(surl.indexOf("login.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[2]);
	else if(surl.indexOf("viewtopic.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[3]);
else if(surl.indexOf("profile.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[4]);
	else if(surl.indexOf("viewforum.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[5]);
	$("#santa-block > div.santa > a").click(function(){
$(this).children("img").css("border","0");
if($("#santa-block > #dialog").css("display")=='none'){
	$("#santa-block > #dialog").fadeIn("slow");
	$("#santa-block > #dialog").css("display",'inline');
	}
else{
	$("#santa-block > #dialog").css("display",'none');
	}
})
	});


</script>
<div id="santa-block">
<div class="santa"><a href="#" onclick="return false;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/santa.png" border="0" onmouseover="$(this).animate({opacity: 1}, 1000)" onmouseout="$(this).animate({opacity: 0.2}, 1000)" onClick="this.style.border='0px'"></a></div>
<div id="dialog">
<div class="b1"><b></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b4"><b></b></div>
<div class="b5"><b></b></div>
  <div id="santa-text" class="text"></div>

<div class="b5"><b></b></div>
<div class="b4"><b></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b1"><b></b></div>
<div style="margin: -4px 0px 0px 3px;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/dialog_bottom.png" border="0" /></div>
</div>
</div>

все в хтмл-верх
пример санты http://tests.bestff.ru/

+7

14

Romych елочка просто изумительная, но только в Опере, В Фоксе она не отображается, все дело в скрипте или в браузере?

0

15

animeshka написал(а):

Romych елочка просто изумительная, но только в Опере, В Фоксе она не отображается, все дело в скрипте или в браузере?

а вот так попробуйте,
всё должно работать

в html-верх:

Код:
<div id="flashcontent"></div>
<script type="text/javascript">
       swfobject.embedSWF("http://www.nostradamys.ru/ElkaNG.swf", "flashcontent", "200", "250", "9.0.0", "expressInstall.swf",  {}, {wmode:'transparent'}, {style:'position:absolute;top:5px;left:950px'});
</script>

менять размер ёлочки и перемещать её так же, меня выделенные красным цифры

top:5px; left: 950px и height="250" width="200"

цифры "9.0.0" - не трогайте, это версия плеера!!!

проверено в Firefox, Опере и Эксплорере
 
ПРИМЕР работы

Отредактировано Romych (Пт, 25 Дек 2009 02:00:32)

0

16

вдобавок к ёлочке ПАДАЮЩИЙ СНЕЖОК (тоже флэш в логотипе)

html-верх:

Код:
<div id="flashcontent3"></div>
<script type="text/javascript">
       swfobject.embedSWF("http://e-kao.ru/assets/flash/snow.swf", "flashcontent3", "90%", "180", "9.0.0", "expressInstall.swf",  {}, {wmode:'transparent'}, {style:'position:absolute;top:10px;left:20px'});
</script>

ПРИМЕР

всё регулируется так же как и у ёлочки

на тёмном фоне конечно же лучше смотрится,
есть и более агрессивные варианты, реагирующие на курсор - http://www.pixzor.com/snow.swf
или просто красивые - http://www.mr-pc.kiev.ua/files/bloggy/snow/snow1.swf

Отредактировано Romych (Пт, 25 Дек 2009 17:18:01)

+2

17

Спасибо всем! Оч. пригодились!

0

18

а куда эти скрипты ставить нужно?
html верх,html низ,или еще куда?

0

19

Arbuzik
в каждом скрипте написано куда их ставить, а если не написано, то воспользуйтесь поиском, это будет не только возможность найти ответ на данный вопрос, но так же бесценный опыт в поиске ответов на свои вопросы самом ;)

[modteg]Тема отправляется в Архив, всех с прошедшими праздниками и удачных рабочих дней[/modteg]

0


Вы здесь » Единый форум поддержки » Архив » Новогодние Скрипты и украшения [ 2010 ]