JavaScript - Скрипты

19827

Dimitry

@Dimitry

13.11.2005

Все скрипты которые могут помочь в развитии чата!
Просьба ничего другово не постить~!

2536

удалён @crigon

14.11.2005

То, что я у себя нашел из старой темы, наиболее полезное...

Бегущая строка в СтатусБаре [b]by Тёмный Ангел[/b]
[code]<script language="JavaScript">



</script>[/code]

К курсору привязаны слова [b]by demon[/b]
[code]<body bgcolor="#000000" link="#FFFF99" vlink="#FFFF99"
alink="#FFFF99" onload="makesnake()"
style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<p><br><STYLE fprolloverstyle></p>
<p>A:hover { COLOR: #ffFFFF; FONT-WEIGHT: bold; TEXT-DECORATION:
blink } </STYLE> <STYLE>.spanstyle { FONT-FAMILY: Arial; FONT-SIZE: 14pt;
POSITION: absolute; TOP: 150px; VISIBILITY: visible } </STYLE><font
color="#ffffff">

<script>
var x,y
var step=15
var flag=1
var message=" text "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++)
{ xpos[i]=-50 }
var ypos=new Array()
for (i=0;i<=message.length-1;i++) { ypos[i]=-50 }
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script> <script>

</script>[/code]

На страничке идет снег [b]by tip4ik[/b]
[code]<script language=JavaScript1.2>
//Configure below to change URL path to the snow image
var snowsrc="http://mpchat.com/smile/img/snow.gif"

// Configure below to change number of snow to render
var no = 15;

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 = 600;

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();

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='"+snowsrc+"' border=\"0\"></a></layer>");
 } else {
   document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' 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;\"><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 snowNS() {  // Netscape main animation function
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();
   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()", 10);
}

function snowIE_NS6() {  // IE and NS6 main animation function
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();
   doc_width = ns6up?window.innerWidth : document.body.clientWidth;
   doc_height = ns6up?window.innerHeight : document.body.clientHeight;
 }
 dx[i] += stx[i];
 if (ie4up){
 document.all["dot"+i].style.pixelTop = yp[i];
 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];
 document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
 }  
}
setTimeout("snowIE_NS6()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
</SCRIPT>[/code]

Скролл текста в рамке [b]by Brain[/b]
[code]<script LANGUAGE="JavaScript">

</script>[/code]

светящийся текст (типа неоновой мигающей вывески) [b]by tip4ik[/b]
[code]<span span id="glowtext" style="text-decoration: none">
<font color="#000080"><span style="text-decoration: none">ТЕКСТ</span>
</font></span>
<style>

</style>
<script language="JavaScript1.2">

/*
Glowing Text Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2;
else
document.all.glowtext[which].filters[0].strength=3;
}

function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
document.all.glowtext.filters[0].strength=2;
else
document.all.glowtext.filters[0].strength=3;
}

function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)');
}
else if (glowtext);
setInterval("glowit2(0)",150);
}

if (document.all)
window.onload=startglowing;
</script>[/code]

пример обьёмного текста [b]by wizard[/b]
[code]<H1
style="FILTER: shadow(color:996633,direction=225,enabled:1); FONT-FAMILY: verdana; COLOR:lightgreen;
FONT-SIZE: 30px; LINE-HEIGHT: 40px; WIDTH: 85%">Объемный текст</H1>[/code]

1732

DirtyDollar @DirtyDollar

14.11.2005

Блокирует правую кнопку мышки:
[code]<script LANGUAGE="JavaScript">

</script>[/code]

500

Veerpool @Veerpool

15.11.2005

Сколько Вы уже находитесь в чате
этот код между тегами <head></head>
[code]<script language="JavaScript">

</script>
[/code]

этот туда где хотите чтобы время отображалось

[code]
<form name=time_form>
<input type=button name="count" size="20" maxlength="10" readonly title='Время вашего пребывания в чате'>
</form>
<script LANGUAGE = "JavaScript">
whotime();
</script>[/code]

___________________________________________________________________
Переводит текст в строке ввода на русский

[code]<input type=submit title='На русский' onclick='russ(); return false;' value=RU>[/code]

____________________________________________________________________

Панель появляется при нажатии (к примеру смайлы)

[code]<script>
function s() {
wr="";
wr+="<a href=\"javascript:SendTo(' ***1 ');\" target=chat><img src=http://live-co.com/img/bigsmile2/55.gif border=0></a>";

sm.innerHTML=wr+"<a href=# onclick=\"sm.innerHTML=''; return false;\"> Close Smiles</a>";
}

</script>
[/code]

а этот код туда где будет сама панель

[code]<a href=# onclick="s(); return false;"> Add Smiles</a>
<div id=sm> </div>
[/code]

500

Veerpool @Veerpool

10.12.2005

[b]Отправка ICQ из чата[/b]
[code]
Между <head> и </head> вставить

<script language="javascript">
 n = (document.layers) ? 1 : 0;
 ie = (document.all) ? 1 : 0;
 ver4 = (n || ie) ? 1 : 0;
 var n6 = ((document.getElementById)&&(!ie)) ? 1 : 0;
 var maxLen = 450;
 var enable;
 var session = true;
 var now_date = new Date();
 var cookie_date = new Date();

 function chPager () {
  var name = document.pagerform.from.value;
  var msg = document.pagerform.body.value;
  var mail = document.pagerform.fromemail.value;

  if ( name=="" ) {
   alert("Please enter your name.");
   document.pagerform.from.focus();
   return false;
  }

  if ( mail == "" ) {
   alert("Please enter your Email.");
   document.pagerform.fromemail.focus();
   return false;
  }

  if ( mail.indexOf('@',0) == -1 || mail.indexOf('.',0) == -1 ){
   alert("You have entered an invalid email address.\\nPlease check again and re-enter your email address.");
   document.pagerform.fromemail.value="";
   document.pagerform.fromemail.focus();
   return false;
  }

  if ( msg == "" ) {
   alert("Please enter your message.");{
   document.pagerform.body.focus();
   return false;
  }

   return true;
  }
 }

 function init(){
  if(n)document.captureEvents(Event.KEYDOWN)
  document.onkeydown=counter;
  document.myform.charcount.value = 450 - document.pagerform.body.value.length;

 }

 function Enablecounter() {
  enable = setInterval("counter()",500);
 }

 function counter(){
  var msLen, clLen,niLen, totLen, tmp;
  var done = 0;
  msLen = document.pagerform.body.value.length;
  totLen = msLen;

  tmp = maxLen - totLen;
  if ( document.myform.charcount.value != tmp ) {
   if ( tmp > 0 ) {
   // update counter
   document.myform.charcount.value = tmp;
   } else {
    if ( tmp == 0 ) {
     // alert once and update counter to be 0
     alert("Your message is too long");
     document.myform.charcount.value = 0;
     clearTimeout(enable);
     document.pagerform.body.value = document.pagerform.body.value.substring(0,maxLen);
    } else {
     document.myform.charcount.value = 0;
     document.pagerform.body.value = document.pagerform.body.value.substring(0,maxLen)
    }
   }
  }
 }

  function ClearForm () {
   document.pagerform.from.value ="";
   document.pagerform.fromemail.value ="";
   document.pagerform.body.value ="";
  }
</script>
[/code]

[code]после гега BODY где Вам удобно

<form name="myform"><input type="hidden" name="charcount" value="450"></form>
<form name="pagerform" action="http://www.icq.com/whitepages/page_me.php" method="post" onSubmit="return chPager();" target="_self">
<table width="400" border="0" align="center">
<tr><td valign="top">Отправка ICQ</td></tr>
<tr>
<td>ICQ Получателя:</td><td><input type="text" name="to" value="" size="13"></td></tr><tr>
<td>Ваше имя:</td><td> <input type="text" name="from" size="13"></td></tr><tr>
<td>Ваш Email:</td><td><input type="text" name="fromemail" size="13"></td></tr><tr>
<td>Текст Сообщения:</td><td>
<textarea name="body" cols="50" rows="5" wrap="hard" onblur="Enablecounter();" onChange="Enablecounter();"></textarea></td></tr><tr>
<tr><td valign="top"> </td><td>
<input type=submit class=ko2 value=Отправить border="0" alt="Отправить ICQ"></td></tr><tr>
<tr><td valign="top"> </td><td><font color=red>Все поля обязательны для заполнения</font>
</td></tr></table>
</form>
[/code]

500

Veerpool @Veerpool

10.12.2005

[b]Отправка E-mail[/b]

<table width=400 align=center>
<tr><td>Отправить e-mail</td></tr>
<tr>
<form action=[color=red]http://veerpool.net/web/mail/mail1.php[/color] method=post>
<center><b>
<td>Ваше имя</td><td><input type=text class=ko2 name=name size=30></td></tr>
<td>Ваш e-mail</td><td><input type=text class=ko2 name=email size=30></td></tr>
<td>E-mail получателя</td><td><input type=text class=ko2 name=toname size=30></td></tr>
<td>Ваше сообщение</td><td><textarea name=mess class=ko2 rows=5 cols=50></textarea></td></tr>
<tr><td> </td><td>
<input type=submit class=ko2 value="Отправить сообщение">
</form>
</td></tr></table>

Вид письма которое приходит на эл.ящик
[code]
Имя пославшего:tester
Электронный адрес:tester@tester.ru
Сообщение:your message
IP-адрес:212.5.103.2
[/code]

[i]Это поля для ввода сообщения, сам скрипт лежит на моем хостинге[/i]
[u]Распостраняется бесплатно 😉 [/u]

52

haker2005 @haker2005

10.12.2005

прикольный скрипит календаря
[code]
<html>

<head>
<title>FlatCalendarXP 4.10 Limited Edition, By Liming(Victor) Weng, email: flatcal@yahoo.com</title>
<script language="JavaScript">
var IE4=false;
var gd=new Date();
var gToday=[gd.getFullYear(),gd.getMonth()+1,gd.getDate()];
var agenda=[];
var gTheme=self.name.split(":");
var gCurMonth=eval(gTheme[0]);

function fGetById(doc, id) {
 if (IE4) return doc.all(id);
 else return doc.getElementById(id);
}

function addEvent(date, message, color, action, imgsrc) {
 agenda[date] = new Array(message, color, action, imgsrc);
}

function popup(url, framename) {
 var w=parent.open(url,framename,gsPopConfig);
 if (w&&!framename) w.focus();
}

var gfSelf=fGetById(parent.document,self.name);
with (document) {
write("<lin"+"k rel='stylesheet' type='text/css' href='"+gTheme[1]+".css'>");
write("<scr"+"ipt language='JavaScript' src='"+gTheme[1]+".js'></scr"+"ipt>");
write("<scr"+"ipt language='JavaScript' src='"+gTheme[2]+"'></scr"+"ipt>");
}
</script>
</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 onmouseup="self.status='FlatCalendarXP 4.10 Limited Edition, Copyright 2001';return true;">
<script language="JavaScript">
//********************************************************
// FlatCalendarXP 4.10 Limited Edition (emailware), by Liming(Victor) Weng
// Release date: 2001.8.14  Email: flatcal@yahoo.com
// Notice:
// 1. This emailware is only free for private use, and must mail me first!
// 2. For any commercial use, contact me to pay a small amount of license fee.
// 3. Please respect my hard work. Any usage of or modification to this script without
//    the authorization from the author may be sued for a reimbursement up to USD$10,000 !!!
// 4. This script is unlicensed, report to the author if you find it on a commercial site.
//********************************************************
var gdBegin=new Date(gBegin[0],gBegin[1]-1,gBegin[2]);
var gdEnd=new Date(gEnd[0],gEnd[1]-1,gEnd[2]);
var gcbMon,gcbYear;
var gcTemp=gcBG;
var gCellSet=[];
var giSat=(gbEuroCal)?5:6;
var giSun=(gbEuroCal)?6:0;
if (gbEuroCal)
gWeekDay=[].concat(gWeekDay.slice(1), gWeekDay[0]);
var cal=[];
for (var i=0;i<6;i++)
  cal[i]=[];

//--------

function fGetAgenda(d) {
 var s=fCalibrate(d[0],d[1]);
 if (!fValidRange(s[0],s[1],d[2]))
return [gsOutOfRange, gcBG, null];
 var ag=fHoliday(s[0],s[1],d[2]);
 if (ag==null)
ag=["",gcBG,gsAction];
 return ag;
}

function fValidRange(y,m,d) {
 var date=new Date(y,m-1,d);
 return (date>=gdBegin)&&(date<=gdEnd);
}

function fCalibrate(y,m) {
 if (m<1) { y--; m=12; }
 else if (m>12) { y++; m=1; }
 return [y,m];
}

function fBuildCal(y,m) {
 m=parseInt(m,10);
 var days=[31,31,(y%4==0&&y%100!=0||y%400==0)?29:28,31,30,31,30,31,31,30,31,30,31];
 var dCalDate=new Date(y,m-1,1);
 var iDayOfFirst=dCalDate.getDay();
 if (gbEuroCal)
if (--iDayOfFirst<0)
 iDayOfFirst=6;
 var iOffsetLast=days[m-1]-iDayOfFirst+1;
 var iDate=1;
 var iNext=1;
 for (var d=0;d<7;d++)
cal[0][d]=(d<iDayOfFirst)?[m-1,-(iOffsetLast+d)]:[m,iDate++];
 for (var w=1;w<6;w++)
  for (var d=0;d<7;d++)
 cal[w][d]=(iDate<=days[m])?[m,iDate++]:[m+1,-(iNext++)];
 return cal;
}

function fCheckRange(y,m) {
 if (y>gEnd[0]||y<gBegin[0]||(y==gBegin[0]&&m<gBegin[1])||(y==gEnd[0]&&m>gEnd[1])) {
alert(gsOutOfRange);
if (gcbMon) gcbMon.options[gCurMonth[1]-1].selected=true;
if (gcbYear) gcbYear.options[gCurMonth[0]-gBegin[0]].selected=true;
return false;
 }
 return true;
}

function fSetDate(y,m,d) {
 if (!fCheckRange(y,m))
return;
 var action=fGetAgenda([y,m,d])[2];
 if (action!=null)
eval(action);
}

//------------------

function fSetSelected(aCell) {
 var s=fGetSelected(aCell);
 fSetDate(s[0],s[1],s[2]);
}

function fGetSelected(aCell){
 var y=gCurMonth[0];
 var m=gCurMonth[1];
 aCell.bgColor=gcBG;
 var chd=(IE4)?aCell.children[0]:aCell.firstChild;
 with (chd) {
  var d=parseInt(innerHTML,10);
  if (style.color==gcOtherDay)
 m+=(id<10)?-1:1;
if (m<1) {y--; m=12;}
else if (m>12) { y++; m=1;}
return [y,m,d];
 }
}

function fDrawCal() {
 var sTD=" width='"+giCellWidth+"' style='height:"+giCellHeight+";' ";
 var sDIV=" style='position:relative;height:"+(giCellHeight-4)+";width:"+giCellWidth+";' ";
 var id=0;
 with (document) {
write("<tr>");
for (var i=0; i<7; i++)
 write("<td class='CalHead' "+sTD+">"+gWeekDay[i]+"</td>");
write("</tr>");
  for (var w=1; w<7; w++) {
 write("<tr>");
 for (var d=0; d<7; d++) {
  write("<td "+sTD+"><div class='CalCell' "+sDIV+" onMouseOver='gcTemp=this.style.backgroundColor;this.style.backgroundColor=gcToggle;self.status=this.title;return true;' onMouseOut='this.style.backgroundColor=gcTemp?gcTemp:\"transparent\";' onclick='fSetSelected(this)'>");           //Coded by Liming Weng(Victor Won)  email:victorwon@netease.com
  write("<A id='"+(id++)+"' href='javascript:' class='CellAnchor' onfocus='this.blur();' onclick='return false;' >00</A></div></td>")
 }
 write("</tr>");
}
 }
}

function fUpdateCal(y,m) {
 var c=fBuildCal(y,m);
 var ag,d;
 var offset=(giDCStyle==1)?2:0;
 for (var week=0; week<6; week++)
for (var day=0; day<7; day++) {
 m=c[week][day][0];
 d=c[week][day][1];
 with (gCellSet[(7*week)+day+offset]) {
  if (d<0) {
   style.color=gcOtherDay;
   d=-d;
  }else{
   style.color=(day==giSun)?gcSun:(day==giSat)?gcSat:gcWorkday;
  }
  innerHTML=d;
  ag=fGetAgenda([y,m,d]);
  if (IE4) parentNode=parentElement;
  parentNode.title=ag[0];
  style.textDecoration=(ag[2])?"none":"line-through";
  if (ag[3]) innerHTML+="<BR><IMG SRC='"+ag[3]+"' BORDER=0></IMG>";
  with (parentNode) {
   style.backgroundColor=(gToday[2]==d&&gToday[1]==m&&m==gCurMonth[1]&&gToday[0]==y)?gcTodayBG:ag[1];
   style.backgroundColor=style.backgroundColor;
   if (IE4) parentElement.bgColor=ag[1];
   else {
    parentNode.bgColor=ag[1];
    parentNode.bgColor=ag[1];
   }
  }
 }
}
}

function fSetCal(y,m){
 if (!fCheckRange(y,m))
return;
 if (gcbMon) gcbMon.options[m-1].selected=true;
 if (gcbYear) gcbYear.options[y-gBegin[0]].selected=true;
 gCurMonth=[y,m];
 if (giDCStyle>0) fGetById(document,"calTitle").innerHTML=eval(gsCalTitle);
 fUpdateCal(y,m);
 if (!IE4) {
gfSelf.width=fGetById(document,"popTable").offsetWidth;
gfSelf.height=fGetById(document,"popTable").offsetHeight;
 }
}

function fPrevMonth(){
 var m=gCurMonth[1];
 var y=gCurMonth[0];
 if (--m<1) { m=12; y--; }
 fSetCal(y,m);
}

function fNextMonth(){
 var m=gCurMonth[1];
 var y=gCurMonth[0];
 if (++m>12) { m=1; y++; }
 fSetCal(y,m);
}

with (document) {
 body.bgColor=gcCalBG;
 write("<TABLE id='popTable' "+gsPopTable+" >");
 var sTitle="<SPAN id='calTitle' class='CalTitle'>"+eval(gsCalTitle)+"</SPAN>";
 if (giDCStyle==2)
write("<TR align='center'><TD colspan='3'>"+sTitle+"</TD></TR>");
 else if (giDCStyle==1){
write("<TR align='center'><TD><A href='javascript:fPrevMonth()' class='MonthNav'>"+gsNavPrev+"</A></TD><TD align='center'>");
write(sTitle);
write("</TD><TD><A href='javascript:fNextMonth()' class='MonthNav'>"+gsNavNext+"</A></TD></TR>");
 } else {
write("<TR align='center'><TD colspan='3'><input type='button' value='"+gsNavPrev+"' class='MonthNav' onClick='fPrevMonth()'> ");
var mstr="<select id='MonSelect' class='CalTitle' onchange='fSetCal(gcbYear.value, gcbMon.value)'>";
for (var i=0; i<12; i++)
 mstr+="<option value='"+(i+1)+"'>"+gMonths[i]+"</option>";
mstr+="</SELECT>";  
var ystr="<SELECT id='YearSelect' class='CalTitle' onchange='fSetCal(gcbYear.value, gcbMon.value)'>";
for(var i=gBegin[0];i<=gEnd[0];i++)
 ystr+="<OPTION value='"+i+"'>"+i+"</OPTION>";
ystr+="</SELECT>";
if (gbDCSeq)
 write(mstr+ystr);
else
 write(ystr+mstr);
gcbMon=fGetById(document,"MonSelect");
gcbYear=fGetById(document,"YearSelect");
write(" <input type='button' value='"+gsNavNext+"' class='MonthNav' onclick='fNextMonth()'></TD></TR>");
 }

 write("<TR><TD align='center' colspan='3'><DIV style='background:"+gcFrame+(gpicBG?" url("+gpicBG+") ":" ")+gsBGRepeat+";'><TABLE "+gsCalTable+" >");
 fDrawCal();
 gCellSet=getElementsByTagName("A");
 fSetCal(gCurMonth[0],gCurMonth[1]);
 write("</TABLE></DIV></TD></TR>");
 if (!gbHideToday) {
write("<TR><TD align='center' colspan='3'>");
write("<A id='AToday' href='javascript:' class='Today' onclick='if(gbCMFocus)fSetCal(gToday[0],gToday[1]);fSetDate(gToday[0],gToday[1],gToday[2]);this.blur();return false;' onMouseOver='gcTemp=this.style.color;this.style.color=gcToggle;self.status=this.title;return true;' onMouseOut='this.style.color=gcTemp'>"+gsToday+"</A>");
fGetById(document,"AToday").title=fGetAgenda(gToday)[0];
write("</TD></TR>");
 }
 write("</TABLE>");
 gfSelf.width=fGetById(document,"popTable").offsetWidth;
 gfSelf.height=fGetById(document,"popTable").offsetHeight;
}
</script>
</body>
</html>
[/code]

52

haker2005 @haker2005

10.12.2005

на страничке падают сердечки
[code]
<html>
<head>
<title>WOweb.ru - Scripts - JavaScript - Hearts Rain</title></head>
<body bgcolor="#EDEDED" text="#000000" link="#000000">
<center>



<script LANGUAGE="JavaScript1.2">


</script>



</body>
[/code]

52

haker2005 @haker2005

10.12.2005

эфект дождя
[code]
<html>
<head>
<title>WOweb.ru - Scripts - JavaScript - Rain</title></head>
<body bgcolor="#EDEDED" text="#000000" link="#000000">
<center>



<script LANGUAGE="JavaScript">


</script>



</body>
</html>
[/code]

19827

Dimitry

@Dimitry

10.12.2005

Инклудер - в хтмл фаил, вставляет другой хтмл или пхп фаил.
Работает как include() в пхп, только это в хтмл и если данный функции отключенны у юзера работать не будет 😒
Но вещь очень интересная.

[quote]<script>
function include(id, url) {
var element = document.getElementById(id);
if (!element) {alert("Bad ID-element!");return;}
var req = false;
// For Safari, Firefox, and other non-MS browsers
if (window.XMLHttpRequest) {try {req = new XMLHttpRequest();} catch (e) {req = false;}}
// For Internet Explorer on Windows
else if (window.ActiveXObject) {try {req = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) {try {req = new ActiveXObject("Microsoft.XMLHTTP");} catch (e) { req = false;}}}
// If active supported
if (req) {req.open('GET', url, false); req.send(null);element.innerHTML = req.responseText;}
else element.innerHTML ="Include not supported!";
}
</script>

<span id="htmlsite">
<script>include("htmlsite", "file.html");</script>
</span>[/quote]

52

haker2005 @haker2005

10.12.2005

слово вращаются спералью
[code]
<html>
<head>
<title>WOweb.ru - Scripts - JavaScript - Spiral Text</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="description" CONTENT="Коллекции CGI, PHP, JavaScript скриптов, Java апплеты, огромное количество документации по разным языкам программирования, анимированные гифы, фоны, полезные программы, форум, ссылки по теме.">
<META NAME="keywords" CONTENT="perl scripts, perl, cgi scripts, cgi, перл, java, java scripts, веб-программирование, web-programming,  html,  каталог ссылок, документация по веб-программированию, cgi скрипты, java скрипты, игры, java апплеты,  апплеты, гифы, скрипты, скрипт, книги по веб-программированию, форум по perl, CGI, Perl, script, HTML">
<Style>
  A:Link{ Color: white; Text-decoration: underline}
  A:Visited{ Color: white; Text-decoration: underline}
  A:Hover{ Color: white; Text-decoration: none}
td, body {font-family: verdana, arial, helvetica; font-size:11px;}  
</Style>



<script language=JavaScript>

arrCos = new Array(360);    /* Hold the COS lookup table for 0 to 359 deg */
arrSin = new Array(360);    /* Hold the SIN lookup table for 0 to 359 deg */

for (i=0;i<360;i++) {
   arrSin[i] = Math.sin(i * Math.PI / 180);
   arrCos[i] = Math.cos(i * Math.PI / 180);
}

function rotate(objID, x, y, r, deg, rinc) {
   /* objID    - the ID of the object we're gonna manipulate
    * x        - current object x-axis
    * y        - current object y-axis
    * r        - current object radius
    * deg      - current rotation around axis in degrees
    * rinc     - by how much we'll increment the radius this time
    */

   y = r * arrSin[deg];
   x = r * arrCos[deg];
   
   document.all[objID].style.pixelLeft = x;
   document.all[objID].style.pixelTop = y+r+10;
   
   if (deg % 60 == 0) r += rinc;
   
   /* Has the radius reached it's maximum/minumum? If so, change the sign of the rinc
    * so that instead of incrementing we decrement - and visa versa
    */
   if (r > 60 || r < 10) {
       rinc *= -1;
       r += rinc;
   }
   
   deg += 5;
   if (deg >= 360) deg = 0;

   setTimeout("rotate('" + objID + "'," + x + "," + y + "," + r + "," + deg + "," + rinc + ")", 10);
}

function highlight(objNum, lastNum) {
   /* objNum   -   which object to highlight
    * lastNum  -   which object is currently highlighted
    */
   
   document.all["obj" + objNum].style.color = "#FFFFFF";
   document.all["obj" + objNum].style.fontStyle = "italic";
   
   if (lastNum != 0) document.all["obj" + lastNum].style.color = "";
   if (lastNum != 0) document.all["obj" + lastNum].style.fontStyle = "";
   
   lastNum = objNum;
   if (++objNum > 3) objNum = 1;   /* Have we reached the last object? */

   document.all["obj" + objNum].style.color = "#AAAAAA";
   
   setTimeout("highlight(" + objNum+ "," + lastNum + ")", 2000);
}

function doit() {
   x=0;            /* initial x-axis position  */
   y=0;            /* initial y-axis position  */
   r=10;           /* initial radius           */
   deg=0;          /* initial rotation around axis (in degrees) */
   rinc = 1;       /* radius increment         */

   /* Begin rotating each phrase with possible offsets to the initial values */
   rotate("obj1", x, y, r+10, deg, rinc);
   rotate("obj2", x, y, r, deg+45, rinc);
   rotate("obj3", x, y, r+20, deg+90, rinc);
   rotate("obj4", x, y, r, deg+270, rinc);
   
   /* Begin highlighting each phase in turn */
   highlight(1,0);
}

</SCRIPT>

<STYLE>.rotateOBJ {
POSITION: relative
}
</STYLE>



</head>
<body bgcolor="#737994" text="#FFFFFF" link="#FFFFFF" topmargin="0" leftmargin="0" onload=doit()>



<CENTER><FONT color=#cccccc><B><I><FONT face="" size=5><SPAN class=rotateOBJ
id=obj1>"Никогда не</SPAN></FONT><BR><FONT face="" size=5><SPAN
class=rotateOBJ id=obj2>знаешь чем</SPAN></FONT><BR><FONT face=""
size=5><SPAN class=rotateOBJ id=obj3>все это"</SPAN></FONT><BR></I><FONT
face="" size=3><SPAN class=rotateOBJ id=obj4>закончится</SPAN></FONT>
</CENTER></B></FONT>



</body>
</html>
[/code]

52

haker2005 @haker2005

10.12.2005

глаза бегающие за курсором
[code]
<html>
<head>
<title>WOweb.ru - Scripts - JavaScript - Eyes </title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="description" CONTENT="Коллекции CGI, PHP, JavaScript скриптов, Java апплеты, огромное количество документации по разным языкам программирования, анимированные гифы, фоны, полезные программы, форум, ссылки по теме.">
<META NAME="keywords" CONTENT="perl scripts, perl, cgi scripts, cgi, перл, java, java scripts, веб-программирование, web-programming,  html,  каталог ссылок, документация по веб-программированию, cgi скрипты, java скрипты, игры, java апплеты,  апплеты, гифы, скрипты, скрипт, книги по веб-программированию, форум по perl, CGI, Perl, script, HTML">
<Style>
  A:Link{ Color: #000000; Text-decoration: underline}
  A:Visited{ Color: #000000; Text-decoration: underline}
  A:Hover{ Color: #000000; Text-decoration: none}
td, body {font-family: verdana, arial, helvetica; font-size:11px;}  
</Style>





</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0">
<center>



<script LANGUAGE="JavaScript1.2">




</script>



<p> </p>
<p align="center"> </p>
<div align="center">
 <center>
<table border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td width="100%">
     <p align="center">
     </td>
 </tr>
</table>

 </center>
</div>

</body>
</html>
[/code]

:ph34r: :ph34r:

121

Дима @mb-2

11.12.2005

СКРИПТ "затемнения картинок"

[code]<script>
min_opacity=50; // максимальная прозрачность
max_opacity=100; // минимальная...
time_pause=10; // время такта (обратно скорости)
gradient_opacity=5; // ступень изменения затемнения
function f_light(img,type) {
 f=img.style.filter;
 opacity=f.slice(f.indexOf("opacity=")+8,f.length-f.indexOf("opacity=")+8);
 opacity=opacity.slice(0,opacity.indexOf(")"));
 int_opacity=eval(opacity);
 if (type=="up") {
   if (int_opacity<max_opacity) {
     new_opacity=int_opacity+gradient_opacity;
     eval("img.style.filter='Alpha(opacity="+(new_opacity)+")';");
   }
 }
 if (type=="down") {
   if (int_opacity>min_opacity) {
     new_opacity=int_opacity-gradient_opacity;
     eval("img.style.filter='Alpha(opacity="+(new_opacity)+")';");
   }
 }      
}
function ring() {
 array_imgs=document.images;
 for(i=0;i<array_imgs.length;i++) {
   if (array_imgs[i].light=='up') f_light(array_imgs[i],"up");
   if (array_imgs[i].light=='down') f_light(array_imgs[i],"down");
 }
 setTimeout("ring();",time_pause);
}
function start_ring() {
 array_imgs=document.images;
 for(i=0;i<array_imgs.length;i++) {
   if (array_imgs[i].light=='yes') {
     array_imgs[i].onmouseover=function up() {this.light='up';}
     array_imgs[i].onmouseout=function down() {this.light='down';}
     eval("array_imgs[i].style.filter='Alpha(opacity="+min_opacity+")';");
   }
 }
 setTimeout("ring();",time_pause);
}
</script>
<img src="1.jpg" light="yes">
<img src="2.jpg" light="yes">
<img src="3.jpg" light="yes">
<script>
start_ring();
</script> [/code]
Чтобы картинка подчинялась осветлению нужно указать в теге параметр light="yes"

696

Евгений @Advocat

19.12.2005

иньнресный скрипт ! эмулятор правой кнопки мыши
[code]<style>
/*right_button_menu*/
#right_button_menu{
position: absolute;
visibility:hidden;
background-color: white;
border-right:#F9F8F2 3px ridge;
border-bottom:#F9F8F2 3px ridge;
border-top: #F7EFE7 3px double;
border-left: #F7EFE7 3px double;
font:8pt Tahoma;
pfadding:5 0 5 0;
}
#right_button_menu a{
padding:3 0 3 15;
text-decoration:none;
cursor:default;
display:block;
color:black;
}
#right_button_menu a:hover{
color:white;
background-color: #3169C6;
width: 100%;
}
#shadow{
position: absolute;
visibility:hidden;
background-color:#949EAD;
}
/*end right_button_menu*/
</style>

<script language=javascript type=text/javascript>
//var insertToRight_button_menu
var items_right_button_menu=new Array()
var favorite_url=location.href
var favorite_titel=document.title
var menu_width=160       //ширина меню
var view_shadow=true      //тень от меню. Измените на false чтобы не показывать
var offsetY=0
var offsetX=menu_width

//разделы меню. Закоментируйте если что-то не нужно
items_right_button_menu[0]="<a href=javascript:location.reload(); onmouseover=\"window.status='Обновить страничку';return true;\" onmouseout=window.status=''>Обновить</a>";offsetY+=21
items_right_button_menu[1]="<hr size=1 width=98%>";offsetY+=15
items_right_button_menu[2]="<a href=javascript:history.back(); onmouseover=\"window.status='Назад';return true;\" onmouseout=window.status=''>Назад</a>";offsetY+=21
items_right_button_menu[3]="<a href=javascript:history.forward(); onmouseover=\"window.status='Вперед';return true;\" onmouseout=window.status=''>Вперед</a>";offsetY+=21
items_right_button_menu[4]="<hr size=1 width=98%>";offsetY+=15
items_right_button_menu[5]="<a href=javascript:window.external.AddFavorite(favorite_url,favorite_titel); onmouseover=\"window.status='Добавить в избранное';return true;\" onmouseout=window.status=''><nobr>Добавить в избранное</nobr></a>";offsetY+=21
items_right_button_menu[6]="<hr size=1 width=98%>";offsetY+=15
items_right_button_menu[7]="<a href=\"mailto:advocat-gt@yandex.ru?subject=:)\" onmouseover=\"window.status='Написать письмо Автору';return true;\" onmouseout=window.status=''><nobr>Написать письмо автору</nobr></a>";offsetY+=21

items_right_button_menu=items_right_button_menu.join("")

function open_r_menu()
{
if(event.button==2)
{
var menu=document.all["right_button_menu"];
var x=event["clientX"];
var y=event["clientY"];

if(event.clientY+offsetY>document.body["clientHeight"]) {y-=offsetY}
if(event.clientX+offsetX>document.body["clientWidth"]) {x-=offsetX}

menu.innerHTML=items_right_button_menu
menu.style["width"]=menu_width
menu.style["left"]=x
menu.style["top"]=y
menu.style["visibility"]="visible";

if(view_shadow==true){
var shadow=document.all["shadow"];
shadow.style["width"]=menu_width-7;
shadow.style["height"]=offsetY-8
shadow.style["left"]=x+10
shadow.style["top"]=y+10
shadow.style["visibility"]="visible";
}
}
}

function close_r_menu() {
document.all["right_button_menu"].style["visibility"]="hidden";
document.all["shadow"].style["visibility"]="hidden";
}
</script>
<body oncontextmenu="return false" onmousedown="open_r_menu()" onclick="close_r_menu()">
<div id=shadow></div>
<div id=right_button_menu></div>[/code]

5397

FF @Lion

29.12.2005

В тексте буква меняет свой цвет

[code]
<body>
<script LANGUAGE="JavaScript">







</script>
</div>[/code]

161

band-girl @band-girl

08.01.2006

Вылетающие сообщение в строке статуса:
[code]<html>
<head>
<title>Вылетающие сообщение в строке статуса</title>
<script language="JavaScript" type="text/javascript">
function snapIn(jumpSpaces,position) {
 var msg = "Добро пожаловать!!!"
 var out = ""
 if (killScroll) {return false}
 for (var i=0; i<position; i++)
   {out += msg.charAt(i)}
 for (i=1;i<jumpSpaces;i++)
   {out += " "}
 out += msg.charAt(position)
 window.status = out
 if (jumpSpaces <= 1) {
   position++
   if (msg.charAt(position) == ' ')
     {position++ }
   jumpSpaces = 100-position
 } else if (jumpSpaces >  3)
      {jumpSpaces *= .75}
 else
   {jumpSpaces--}
 if (position != msg.length) {
   var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
   scrollID = window.setTimeout(cmd,5);
 } else {
   scrolling = false
   return false
 }
 return true
}
function snapSetup() {
if (scrolling)
 if (!confirm('Re-initialize snapIn?'))
  return false
  killScroll = true
  scrolling = true
  var killID = window.setTimeout('killScroll=false',6)
  scrollID = window.setTimeout('snapIn(100,0)',10)
  return true
}
var scrollID = Object
var scrolling = false
var killScroll = false
</script>
</head>
<body onLoad="snapSetup()" ?>
</body>
</html>[/code]

Увеличивающийся текст:[code] <script Language="Javascript">  
  
</Script>  



</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0" onLoad="start()" onUnload="stop()">
<center>



<Div id="text" style="position: absolute; left: 40; top: 80"> </Div>
<Layer name="text" left=4 top=80> </Layer>



</body>
</html>

[/code]

Плавающие меню:
[code]<script language=JavaScript>

   /* Show an object */
   function showObject(object) {
       object.visibility = VISIBLE;
   }

   /* Hide an object */
   function hideObject(object) {
       object.visibility = HIDDEN;
   }

   /* Slide the logo from top to middle */
   function slideLogo(from, to) {
           if (from < to) {
               company.top = (from += 10);
               setTimeout('slideLogo(' + from + ',' + to + ')', 75);
           }
           else initObjects();
   }

   /* Rotate selected objects */
   function rotateObjects() {
           for (var i = 0; i < pos.length; i++) {
               pos[i] += inc; objects[i].visibility = 'visible';
               objects[i].left = (r * Math.cos(pos[i])) + xoff
               objects[i].top = (r * Math.sin(pos[i])) + yoff;
           }
       rotateTimer = setTimeout("rotateObjects()", 70);
   }

    /* Initialize selected objects for rotation */
    function initObjects() {
       /* Here is the array of HTML elements that will be rotated, from fly1 to fly4
          Just put the shortcut variables to the HTML elements in this little array
          and they will be rotated automatically */
       objects = new Array(fly1, fly2, fly3, fly4);
       pos = new Array();
       pos[0] = 0;
           for (var i = 1; i < objects.length; i++) {
               pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
           }
       rotateObjects();
   }

/* Variables for rotating objects */
   var objects;
   var pos;
   var r = 160;        // radius
   var xoff = 180;     // x offset
   var yoff = 270;     // y offset
   var pi = Math.PI;   // get pi
   var inc = pi / 180; // degrees per rotation cycle
   var objects;        // objects to be rotated
   var pos;            // position for objects

</SCRIPT>



</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0">
<center>



<DIV class=fly id=fly1>
<P><A
href="http://www.woweb.ru"
onmouseout=hideObject(desc1) onmouseover=showObject(desc1) target=_blank>Ваша ссылка</A> </P></DIV>
<DIV class=fly id=fly2>
<P><A
href="http://www.woweb.ru"
onmouseout=hideObject(desc2) onmouseover=showObject(desc2) target=_blank
_blank??>JavaScript scripts</A> </P></DIV>
<DIV class=fly id=fly3>
<P><A
href="http://www.woweb.ru"
onmouseout=hideObject(desc3) onmouseover=showObject(desc3)
target=_blank>Скрипты</A> </P></DIV>
<DIV class=fly id=fly4>
<P><A
href="http://www.woweb.ru"
onmouseout=hideObject(desc4) onmouseover=showObject(desc4)
target=_blank>Главная</A> </P></DIV>
<DIV class=logo id=company>
<P>Плавающее меню</P></DIV>
<DIV class=desc id=desc1>
<P>Ваша ссылка</P></DIV>
<DIV class=desc id=desc2>
<P>JavaScript scripts</P></DIV>
<DIV class=desc id=desc3>
<P>Скрипты</P></DIV>
<DIV class=desc id=desc4>
<P>Главная</P></DIV>
<script language=JavaScript>

   /* Simple version detection */
   var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);

/* They can be used in place
      of hidden and visible because on occasion Navigator has problems with the two */
   var HIDDEN = (isNS) ? 'hide' : 'hidden';
   var VISIBLE = (isNS) ? 'show' : 'visible';

   /* Create shortcut variables for different absolutely positioned elements */
   var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
   var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
   var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
   var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
   var company = (isNS) ? document.company : document.all.company.style;
   var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
   var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
   var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
   var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;

   /* Begin the sliding of the logo */
   slideLogo(0, 140);

</SCRIPT>



</body>
</html>

[/code]

17

Country @Country

09.01.2006

Прожектор

[code]<html>
<head>
<title>WOscripts.com - JavaScript - Spotlight </title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="description" CONTENT="Коллекции CGI, PHP, JavaScript скриптов, Java апплеты, огромное количество документации по разным языкам программирования, анимированные гифы, фоны, полезные программы, форум, ссылки по теме.">
<META NAME="keywords" CONTENT="perl scripts, perl, cgi scripts, cgi, перл, java, java scripts, веб-программирование, web-programming,  html,  каталог ссылок, документация по веб-программированию, cgi скрипты, java скрипты, игры, java апплеты,  апплеты, гифы, скрипты, скрипт, книги по веб-программированию, форум по perl, CGI, Perl, script, HTML">



<style type="text/css">
#divExCont {position:absolute; left:0px; top:0px; clip:rect(0px 0px 0px 0px); layer-background-color:#ffffff; background-color:#ffffff;}
#divCircle {position:absolute; z-index:500; visibility:hidden; width:170px;}
body       {background-color:#000000; overflow:hidden;}  
</style>
<script language="JavaScript" type="text/javascript">
/**********************************************************************************  
Spotlight
*   Copyright (C) 2001 Thomas Brattli
*   This script was released at WOscripts.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()

/*** Variables to set ***/
sCircleWidth = 168 //The width the script will clip to
sCircleHeight = 168 //The height the script will clip to
sStarty = 200  //Where do you want it to initially start
sStartx = 200  //Where do you want it to initially start
clipSpeed = 20  //Number of pixels for each step in the animation.

/******************************************************************************
Making the clipobject part
******************************************************************************/
function makeObj(obj, nest, x, y){
nest = (!nest) ? "":'document.'+nest+'.';          
   this.css = bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;  
this.evnt = bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;            
this.clip = b_clip;
this.clipIt = b_clipIt;
this.clipTo = b_clipTo;
this.obj = obj + "Object";
eval(this.obj + "=this");
return this;
}

// A unit of measure that will be added when setting the position or size of a layer.
var px = bw.ns4||window.opera?"":"px";

//clip part
function b_clipTo(t,r,b,l){
if (bw.ns4){
 this.css.clip.top=t;this.css.clip.right=r;this.css.clip.bottom=b;this.css.clip.left=l;
}
else {
 this.css.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)";
}
}
function b_clipIt(tstop,rstop,bstop,lstop,step,fn){
if (!fn) fn = null
var clipval = new Array()
if (bw.dom || bw.ie4) {
 clipval = this.css.clip
 clipval = clipval.slice(5,clipval.length-1);
 clipval = clipval.split(' ')
 for (var i=0; i<4; i++) clipval[i] = parseInt(clipval[i])
}
else {
 clipval[0] = this.css.clip.top
    clipval[1] = this.css.clip.right
    clipval[2] = this.css.clip.bottom
    clipval[3] = this.css.clip.left
}
totantstep = Math.max(Math.max(Math.abs((tstop-clipval[0])/step),Math.abs((rstop-clipval[1])/step)),
 Math.max(Math.abs((bstop-clipval[2])/step),Math.abs((lstop-clipval[3])/step)))
if (!this.clipactive)
 this.clip(clipval[0],clipval[1],clipval[2],clipval[3],(tstop-clipval[0])/totantstep,
  (rstop-clipval[1])/totantstep,(bstop-clipval[2])/totantstep,
   (lstop-clipval[3])/totantstep,totantstep,0, fn)
}
function b_clip(tcurr,rcurr,bcurr,lcurr,tperstep,rperstep,bperstep,lperstep,totantstep,antstep, fn){
tcurr=tcurr+tperstep; rcurr=rcurr+rperstep
bcurr=bcurr+bperstep; lcurr=lcurr+lperstep
this.clipTo(tcurr,rcurr,bcurr,lcurr)
if(antstep<totantstep){
 this.clipactive=true
 antstep++
 setTimeout(this.obj+".clip("+tcurr+","+rcurr+","+bcurr+","+lcurr+","+tperstep+","
  +rperstep+","+bperstep+","+lperstep+","+totantstep+","+antstep+",'"+fn+"')", 40)
}else{
 this.clipactive = false
 eval(fn)
}
}
/******************************************************************************
Initiating the page and the clip objects.
******************************************************************************/
function spotInit(){
pageWidth = (bw.ns4 || bw.ns6)?innerWidth:document.body.clientWidth;
pageHeight = (bw.ns4 || bw.ns6)?innerHeight:document.body.clientHeight;
oExCont = new makeObj('divExCont')
if (bw.dom || bw.ie4){
 oExCont.css.width = pageWidth+px
 oExCont.css.height = pageHeight+px
}
oCircle = new makeObj('divCircle','divExCont')
oExCont.clipTo(sStarty,sStartx+sCircleWidth,sStarty+sCircleHeight,sStartx)
oCircle.css.left = sStartx+px
oCircle.css.top = sStarty+px
oCircle.css.visibility = "visible"
if (bw.ns4)document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = moveCircle;
}
function moveCircle(e){
x = (bw.ns4 || bw.ns6)?e.pageX:event.x
y = (bw.ns4 || bw.ns6)?e.pageY:event.y
oExCont.clipTo(y-sCircleHeight/2, x+sCircleWidth/2, y+sCircleHeight/2, x-sCircleWidth/2)
oCircle.css.left = x - sCircleWidth/2 + px
oCircle.css.top = y - sCircleHeight/2 + px
}
//This is being called when someone clicks the circle.
function showCont(){
document.onmousemove = null
oCircle.css.visibility = "hidden"
oCircle.css.left = 0+px
oCircle.css.top = 0+px
oExCont.clipIt(-clipSpeed, pageWidth+clipSpeed, pageHeight+clipSpeed, -clipSpeed, clipSpeed, 'oExCont.css.overflow="auto"')
}

if (bw.bw) onload = spotInit
</script>



</head>
<body bgcolor="#000000" topmargin="0" leftmargin="0">



<div id="divExCont">
<div id="divCircle"><a href="#" onclick="showCont(); return false" onfocus="if(this.blur)this.blur()"><img src="spotlight_circle.gif" width="170" height="170" alt="" border="0"></a></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font face="arial,helvetica,sans-serif" size="2" color="#000000">Your regular body content goes here.</font>
</div>



</body>
</html>

[/code]

161

band-girl @band-girl

09.01.2006

Показывает поситителю сколько раз он был на вашей странице:
[code]<script LANGUAGE="JavaScript">

</SCRIPT>



</body>
</html>

[/code]

Мерцающие точки около курсора:
[code]<html>
<head>
<title>Мерцающие точки около курсора</title>
</head>
<body>
</head>
<body>
<script language="JavaScript">
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v1.2
if ((document.layers)||(document.all)){
with (Math) {yynextx= eval(yyfnx)}
with (Math) {yynexty= eval(yyfny)}
yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
if (document.layers){
eval(yydiv+".top="+(yynexty+yytop))
eval(yydiv+".left="+(yynextx+yyleft))  }
if (document.all){
eval("yydiv=yydiv.replace(/.layers/gi, '.all')");
eval(yydiv+".style.pixelTop="+(yynexty+yytop));
eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));  }
argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");} }}
function YY_Mousetrace(evnt) {
if (yyns4)
{if (evnt.pageX) {yy_ml=evnt.pageX;  yy_mt=evnt.pageY;}  }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);}
if (yy_tracescript)eval(yy_tracescript)}
</script>
<div id="yyd0" style="position:absolute; left:10px; top:50px; width:3px; height:3px; z-index:1; background-color: #19636c; layer-background-color: #19636c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd1" style="position:absolute; left:20px; top:50px; width:3px; height:3px; z-index:1; background-color: #708574; layer-background-color: #708574; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd2" style="position:absolute; left:30px; top:50px; width:3px; height:3px; z-index:1; background-color: #379bbf; layer-background-color: #379bbf; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd3" style="position:absolute; left:40px; top:50px; width:3px; height:3px; z-index:1; background-color: #25184c; layer-background-color: #25184c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd4" style="position:absolute; left:50px; top:50px; width:3px; height:3px; z-index:1; background-color: #31bd3c; layer-background-color: #31bd3c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd5" style="position:absolute; left:60px; top:50px; width:3px; height:3px; z-index:1; background-color: #c11efd; layer-background-color: #c11efd; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<script>
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
document.onmousemove = YY_Mousetrace;
yy_tracescript = '';
if (yyns4){ document.captureEvents(Event.mousemove);
 YY_Mousetrace('',',document.YY_Mousetrace1')}
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/39.83007847812662))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/34.224861639800686))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/27.66510707209673))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/9.240632767417667))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/16.45318944579641))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/16.0564452288292))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/6.95348954836835))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/44.13697049887155))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/33.90077294583733))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/2.2378828869411587))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/37.858312521039835))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/18.083839795990098))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1);
</script>
</body>
</html>[/code]

Салют при остоновки курсора:
[code]<html>
<head>
<title>Салют при постановке курсора</title>
<script language="JavaScript1.2">

</script>
</head>
<body bgcolor="#000000" text="#9B4E00" link="#8000FF" alink="#9B4E00" vlink="#9B4E00" OnLoad="initMouseEvents()">
<iframe src="menu.htm" align="left" width="140" height="560" scrolling="no" frameborder="0"></iframe>
<div id="sparks">
<div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="blue">.</font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="orange">.</font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="green">.</font></div>
<div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="skyblue">.</font></div>
<div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div>
<div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div>
</div>
</body>
</html>[/code]

Кнопка с цветным текстом:
[code]<html>
<head>
<title>Кнопка с цветным текстом</title>
<script>
function h(color)
{
hn = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A" ,"B", "C", "D", "E", "F")
if(color<0){return "00"}
else if(color>255){
return "FF"
}
else {
s = "" + hn[Math.floor(color/16)] + hn[color%16]
return s
}
}
function toH(red, green, blue){
return h(red) + h(green) + h(blue)
}
function RGB(red, green, blue){
return toH(red, green, blue)
}
</script>
<script>
var sR = 5
var sG = 256
var sB = 56
var R = 5
var G = 256
var B = 256
var b = true;
function setButtonColor(r, g, b) {
document.all["button"].style.color=RGB(r, g, b);
}
function startChanging(){
if(b==true) {
if((R>256)||(G>256)||(B>256))  {
 b=false;
 }
R+=sR;G+=sG;B+=sB;
}
else {
if((R<0)||(G<0)||(B<0))  {
 b=true;
 }
R-=sR; G-=sG; B-=sB
}
setButtonColor(R, G, B);
setTimeout("startChanging()", 3)
}
</script>
</head>
<body  onload="startChanging()">
<button style="background-color:#ffff33; font: 8pt Fixedsys;" id="button"><p>Кнопка с цветным текстом</p></button>
</body>
</html>[/code]

161

band-girl @band-girl

09.01.2006

Бегущие на изображении сообщения:
[code]<script LANGUAGE="JavaScript">

</SCRIPT>

<STYLE>
A {
text-decoration:none;
}

A:Hover {
text-decoration:underline;
}

body{
overflow-x:hidden;
overflow-y:scroll;
}
</STYLE>



</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0" onLoad="init()">
<center>



<DIV ID="backgroundimage" style="position:absolute;left:-2000px"><IMG SRC="textrighttoleftdesign.gif" USEMAP="#textrighttoleft" BORDER=0>
<MAP NAME="textrighttoleft">
 <AREA SHAPE=RECT COORDS="271,33,297,54" HREF="#" onClick="changespeed('slower')">
 <AREA SHAPE=RECT COORDS="364,33,388,53" HREF="#" onClick="changespeed('faster')">
</MAP></DIV>

<DIV ID="text" style="position:absolute;left:-2000px"></DIV>
<DIV ID="textcounter" style="position:absolute;left:-2000px"></DIV>



</body>
</html>

[/code]

Текст Matrix в полный экран когда пользователь нажмёт на ссылку:
[code]
<script LANGUAGE="JavaScript">
 
</script>



</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000">



<center>
<table>
<tr>
<td>
<a href="javascript:WriteRndMsg(false, false, 750)">Normal text</a>
<br>
<a href="javascript:WriteRndMsg(true, false, 750)"><b>Bold text</b></a>
<br>
<a href="javascript:WriteRndMsg(false, true, 750)"><i>Italic text</i></a><br>
<a href="javascript:WriteRndMsg(true, true, 750)"><b><i>Bold and italic text</i></b></a>
<br>
<a href="javascript:MatrixWrite('Knock knock, Neo', false, false, 750)">Normal string constant</a>
</td>
</tr>
</table>
</center>



</body>
</html>[/code]

Уменьшение изображения до полного исчезновения:
[code]
<script>

</script>



</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" onLoad="initiate()">
<center>



<span id="imgcontainer" style="position:absolute"></span>



</body>
</html>[/code]

215

Сатана @Сатана

14.01.2006

Скрипт типа светомузыки за курсором (Круче мерц.точек)
[code]</script></center>
<script language=JavaScript>
if (document.all){
colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000')
amount=colours.length;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0;//osw
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');
for (i=0; i < amount; i++)
document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center">.</div>');
document.write('</div></div>');
ini=1;
gstep=1;
function iMouse(){
my=event.y;mx=event.x;
}
document.onmousemove=iMouse
function dim(){
ini-=gstep;
dt=setTimeout('dim()',10);
if (ini < 2){
clearTimeout(dt);
glow();
}
}
function glow(){
ini+=gstep;
gt=setTimeout('glow()',10);
if (ini > 14){
clearTimeout(gt);
dim();
}
}
function stars(){
ie.style.top=document.body.scrollTop;
for (i=0; i < amount; i++)
{
var layer=iestars[i].style;
layer.filter='glow(color='+colours[i]+', strength='+ini+')';
layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
}
currStep+=step;
}
function delay(){
Ydelay = YgetDelay+=(my-YgetDelay)*1/20;
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;
stars();//osw
setTimeout('delay()',10);
}
delay();
glow();
}
//-->
</SCRIPT> [/code]