Мигающая Status-строка:
<Script Language="JavaScript"> var yourwords="Ваш
текст"; var speed=150; var control=1; function flash(){if
(control==1){window.status=yourwords;control=0} else{window.status="";control=1}setTimeout("flash();",speed)}; flash(); </Script>
При загрузке страницы спрашивает имя
посетителя:
<Script Language="JavaScript"> var nameData =
null; nameData = prompt ("Ваше имя", "" ); </Script> <Script
Language="JavaScript"> document.write ("Добро пожаловать,
"+nameData+"!"); </Script>
Печатающийся текст:
<html>
<head> <meta
http-equiv="Content-Type" content="text/html;
charset=windows-1251"> <meta http-equiv="Content-Language"
content="ru-mo"> <meta name="GENERATOR" content="Microsoft FrontPage
4.0"> <meta name="ProgId"
content="FrontPage.Editor.Document"> <title>Печатающийся
текст</title> </head>
<body onload="changetext()"
bgcolor="#000000" vlink="#0000FF" alink="#00FFFF">
<p
align="center"> </p> <p align="center"> </p> <p
align="center">
</p>
<script> /***************************************************** Text
Effect 4. Author: Ovsyannikov Anton All rights reserved! Date:
06/04/2000 More scripts you can find at
http://deskclub.chat.ru *****************************************************/ var
chr = -1; var txt = "Печатающийся текст.<br>Все для создания
WEBстраниц.<br>Здесь есть все - от фонов до фреймов.<br>Бесплатные
фоны,кнопки,бордюры,рисунки,<br>анимированные gif,примеры JavaScript
,фреймы.<br>Самая большая коллекция лучших скриптов и
апплетов.<br>" var l = txt.length var p = "_" function
changetext() { chr++; t = document.all["text"].innerHTML tt =
t.substring(0,t.length-p.length) if(txt.charAt(chr)!="<") { document.all["text"].innerHTML=
tt + txt.charAt(chr) + p } else { document.all["text"].innerHTML= tt
+ txt.substring(chr, chr+4) + p chr=chr+3 } setTimeout("changetext()",
80) } function str(num) { var s = "" for(i=0; i<num;
i++) { s = s + " " } return
s } </script> <div> </div> <p><font
id="text" face="Baltica" size="5"
color="#00FF00"></font></p> </body> </html>
Status-строка:
<Script Language=JavaScript> var scrollCounter =
0; var scrollText = "Ваш текст"; var scrollDelay = 70; var i =
0; while (i ++ < 80) scrollText = " " + scrollText; function
Scroller() {window.status =
scrollText.substring(scrollCounter++, scrollText.length); if
(scrollCounter == scrollText.length) scrollCounter =
0; setTimeout("Scroller()", scrollDelay);} Scroller(); </Script>
Status-строка:
<HTML> <HEAD> <META
HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=windows-1251"> <Script
Language="JavaScript">
<!-- Hiding
var letters=
new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9","A", "Б", "В", "Г",
"Д", "Е", "Ж", "З", "И", "Й", "К", "Л", "М", "Н", "О", "П", "Р", "С", "Т", "У",
"Ф", "Х", "Ч", "Щ", "У", "Я","a", "b", "c", "d", "e", "f", "g", "h", "i", "j",
"k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y",
"z","!","@","#","$","%","^","&","*","(",")","_","-","+","=","<",">","/","?","®","©") var
smessage="" var message= new Array(); var
msg=0;
message[0]='Супер SCRIPT' message[1]='Такого Вы
еще не видели !' message[2]='Здесь самые лучшие
скрипты!'
function start(){ for (y=0;
y<message[msg].length; y++){ for (x=0; x<20;
x++){ rnum=Math.random(); rnum*=letters.length-1 rnum=Math.round(rnum) window.status=smessage+letters[rnum] for
(del=0; del<20;
del++){} } smessage+=message[msg].substring(y,y+1) window.status=smessage; } window.setTimeout('clrdspl()',2000); } function
clrdspl(){ smessage=""; window.status=""; if
(msg<message.length-1){ msg++; start(); } else{ msg=0; window.setTimeout('start()',1000) } } //
Done Hiding --> </Script> </HEAD> <BODY
BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000"
onLoad="start()"> </BODY> </HTML>
Неделя
<Script Language="JavaScript"> now = new Date() if
(now.getDay() == 0) document.write("Отдыхайте, завтра рабочий день...") if
(now.getDay() == 1) document.write("Сегодня понедельник - настраивайтесь на
работу") if (now.getDay() == 2) document.write("Уже вторник, понедельник к
счастью позади!") if (now.getDay() == 3) document.write("Половина недели
позади - сегодня уже среда") if (now.getDay() ==
4) document.write("Сегодня четверг, скоро выходные...") if (now.getDay()
== 5) document.write("Сегодня пятница - последний рабочий день") if
(now.getDay() == 6) document.write("Сегодня первый день
выходных!") </Script>
Неделя
<Script Language="JavaScript"> now = new Date() if
(now.getDay() == 0) document.write("Отдыхайте, завтра рабочий день...") if
(now.getDay() == 1) document.write("Сегодня понедельник - настраивайтесь на
работу") if (now.getDay() == 2) document.write("Уже вторник, понедельник к
счастью позади!") if (now.getDay() == 3) document.write("Половина недели
позади - сегодня уже среда") if (now.getDay() ==
4) document.write("Сегодня четверг, скоро выходные...") if (now.getDay()
== 5) document.write("Сегодня пятница - последний рабочий день") if
(now.getDay() == 6) document.write("Сегодня первый день
выходных!") </Script>
При наведение курсора на ссылку, экран
будет дрожать:
<HTML> <HEAD> <META
HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=windows-1251"> <Script Language="JavaScript"> function
newindex() {for (var i=0; i< (newindex.arguments.length - 1);
i+=2) eval(newindex.arguments[i]+".location='"+newindex.arguments[i+1]+"'"); document.returnValue
= false;} </Script> <Script
Language="JavaScript1.2"> function boom(n) {if
(window.top.moveBy) {for (i = 10; i > 0; i--) {for (j = n; j > 0;
j--) {window.top.moveBy(0,i); window.top.moveBy(i,0); window.top.moveBy(0,-i); window.top.moveBy(-i,0);}}}} function
callJS(jsStr) {return
eval(jsStr)} </Script> </HEAD> <BODY BGCOLOR="#FFFFFF"
TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000"> <A
Href="#" target="_blank"
OnMouseOver="callJS('boom(1)');">Ссылка</A> </BODY> </HTML>
Фон страницы меняется через заданный
промежуток времени:
<HTML> <HEAD> <META
HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=windows-1251"> <script language="JavaScript"> <!--
Start of JavaScript code
function
setbackground() { window.setTimeout( "setbackground()", 5000);
//
var index = Math.round(Math.random() * 9);
var ColorValue =
"FFFFFF"; // (index = 0)
if(index == 1) ColorValue = "FFCCCC";
//peach if(index == 2) ColorValue = "CCAFFF"; //violet if(index ==
3) ColorValue = "A6BEFF"; //lt blue if(index == 4) ColorValue =
"99FFFF"; //cyan if(index == 5) ColorValue = "D5CCBB"; //tan if(index
== 6) ColorValue = "99FF99"; //lt green if(index == 7) ColorValue =
"FFFF99"; //lt yellow if(index == 8) ColorValue = "FFCC99"; //lt
orange if(index == 9) ColorValue = "CCCCCC"; //lt
grey
document.bgColor=ColorValue;
} // -- End of JavaScript
code -------------- --> </script> </HEAD> <BODY
BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000"
onLoad="setbackground();"> Интервал в секундах между сменой фона задается
функцией window.setTimeout(). В данном примере эта функция равна 5000
миллисекундам, что равняется 5 секундам. Выбор цветов осуществляет функция
ColorValue = "??????" где "??????"- код
цвета. </BODY> </HTML>
Правая кнопка мыши отключена:
<Script Language="JavaScript"> var message="Правая
кнопка мыши отключена"; function click(e) {if (document.all) {if
(event.button == 2) {alert(message);return false;}} if (document.layers)
{if (e.which == 3) {alert(message);return false;}}} if
(document.layers) {document.captureEvents(Event.MouseDown);} document.onmousedown=click; </Script>
Календарь 1:
<Script Language="JavaScript"> setCal() function
getTime() { var now = new Date() var hour = now.getHours() var minute =
now.getMinutes() now = null var ampm = "" if (hour >= 12)
{ hour -= 12 ampm = "PM"} else ampm = "AM" hour = (hour == 0) ?
12 : hour if (minute < 10) minute = "0" + minute return hour + ":" +
minute + " " + ampm}
function leapYear(year) { if (year % 4 ==
0) return true return false}
function getDays(month, year) { var
ar = new Array(12) ar[0] = 31 ar[1] = (leapYear(year)) ? 29 : 28 ar[2]
= 31 ar[3] = 30 ar[4] = 31 ar[5] = 30 ar[6] = 31 ar[7] =
31 ar[8] = 30 ar[9] = 31 ar[10] = 30 ar[11] = 31 return
ar[month]}
function getMonthName(month) { var ar = new
Array(12) ar[0] = "Январь" ar[1] = "Февраль" ar[2] = "Март" ar[3] =
"Апрель" ar[4] = "Май" ar[5] = "Июнь" ar[6] = "Июль" ar[7] =
"Август" ar[8] = "Сентябрь" ar[9] = "Октябрь" ar[10] =
"Ноябрь" ar[11] = "Декабрь" return ar[month]}
function setCal()
{ var now = new Date() var year = now.getYear() var month =
now.getMonth() var monthName = getMonthName(month) var date =
now.getDate() now = null var firstDayInstance = new Date(year, month,
1) var firstDay = firstDayInstance.getDay() firstDayInstance = null var
days = getDays(month, year) drawCal(firstDay + 1, days, date, monthName,
year)}
function drawCal(firstDay, lastDate, date, monthName, year)
{ var headerHeight = 25 var border = 2 var cellspacing = 1 var
headerColor = "#005555" var headerSize = "3" var colWidth = 35 var
dayCellHeight = 25 var dayColor = "#550055" var cellHeight = 20 var
todayColor = "#0000aa" var timeColor = "#aa0000"
var text = "" text
+= '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' text
+= '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' text += '<FONT
COLOR="' + headerColor + '" SIZE=' + headerSize + ' Face="Courier
New">' text += monthName + ' ' + year text +=
'</FONT>' text += '</TH>'
var openCol = '<TD WIDTH=' +
colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="'
+ dayColor + '" Face="Courier New"><B>' var closeCol =
'</FONT></TD>'
var weekDay = new Array(7) weekDay[0] =
"Вс" weekDay[1] = "Пн" weekDay[2] = "Вт" weekDay[3] =
"Ср" weekDay[4] = "Чт" weekDay[5] = "Пт" weekDay[6] = "Сб"
text
+= '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum
< 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol} text +=
'</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <=
Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR
ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if
(digit > lastDate) break if (curCell < firstDay) { text +=
'<TD></TD>' curCell++} else{ if (digit == date){ text +=
'<TD HEIGHT=' + cellHeight + '>' text += '<FONT COLOR="' +
todayColor + '" SIZE="2" Face="Courier New"><B>-' text +=
digit text += '</B>-</FONT>' text +=
'</TD>'} else text += '<TD HEIGHT=' + cellHeight + '><font
size="2" Face="Courier New" color="#444444">-' + digit +
'-</font></TD>' digit++}} text += '</TR>'} text +=
'</TABLE>' document.write(text)} </Script>
Календарь 2:
<Script Language="Javascript"> calendar = new
Date(); day = calendar.getDay(); document.write("<font
face=arial><center><table width=100
border=1><td><center><font size=2>") if (day ==
0) {document.write("Воскресенье")} if (day ==
1) {document.write("Понедельник")} if (day ==
2) {document.write("Вторник")} if (day ==
3) {document.write("Среда")} if (day ==
4) {document.write("Четверг")} if (day ==
5) {document.write("Пятница")} if (day ==
6) {document.write("Суббота")} if (day ==
7) {document.write("Воскресенье")} document.write("</font></center></td><tr><td><center><font
size=2>") month = calendar.getMonth(); if (month ==
0) {document.write("Январь")} if (month ==
1) {document.write("Февраль")} if (month ==
2) {document.write("Март")} if (month ==
3) {document.write("Апрель")} if (month ==
4) {document.write("Май")} if (month ==
5) {document.write("Июнь")} if (month ==
6) {document.write("Июль")} if (month ==
7) {document.write("Август")} if (month ==
8) {document.write("Сентябрь")} if (month ==
9) {document.write("Октябрь")} if (month ==
10) {document.write("Ноябрь")} if (month ==
11) {document.write("Декабрь")} document.write("</font></center></td><tr><td><center><font
size=7>") date =
calendar.getDate(); document.write(date) document.write("</font></center></td><tr><td><center><font
size=2>") year = calendar.getYear(); if (year <
100) {document.write("19" + year + "")} else if (year >
1999) {document.write(year)} document.write("</font></centert></td></table>") </Script>
Шлейф за курсором мыши:
<html>
<head> <meta
http-equiv="Content-Type" content="text/html;
charset=windows-1251"> <title>Надпись за курсором
мыши</title> <style> .spanstyle
{ position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:black; } </style>
</head>
<body
onLoad="makesnake()"
style="width:100%;overflow-x:hidden;overflow-y:scroll" vlink="#0000FF"></body>
<script> var
x,y var step=20 var flag=0
var message="Пример JavaScript " //
Текст около мышки (обязательно после последней буквы
пробел) 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> <!--
Beginning of JavaScript -
for (i=0;i<=message.length-1;i++)
{ document.write("<span id='span"+i+"'
class='spanstyle'>") document.write(message[i]) document.write("</span>") }
if
(document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove
= handlerMM;
// - End of JavaScript -
--> </script>
</html>
Вставка даты и время:
<Script Language="JavaScript"> function
fulltime() {var time=new
Date(); document.clock.full.value=time.toLocaleString(); setTimeout("
fulltime()",500)} </Script> <Form Name=clock><Input
Type=Text Size=17 Name=full></Form> <Script
Language="JavaScript"> fulltime(); </Script>
Изменяющийся фон:
<Script Language="JavaScript"> var computed =
false var decimal = 0 function convert (entryform, from,
to) {convertfrom = from.selectedIndex convertto =
to.selectedIndex entryform.display.value = (entryform.input.value *
from[convertfrom].value / to[convertto].value )} function addChar (input,
character) {if((character=='.' && decimal=="0") ||
character!='.') {(input.value == "" || input.value == "0") ? input.value =
character : input.value +=
character convert(input.form,input.form.measure1,input.form.measure2) computed
= true if (character=='.') {decimal=1}}} function
openVothcom() {window.open("","Display
window","toolbar=no,directories=no,menubar=no");} function clear
(form) {form.input.value = 0 form.display.value =
0 decimal=0} function
changeBackground(hexNumber) {document.bgColor=hexNumber} </Script>
<body
bgColor=#eee1bc link="#008000">
<p
align="center">
<!-- Russian LinkExchange code START
--> <Form Method="POST" Name="background"> <p
align="center"> <Input Type="button" Value="yellow"
OnClick="changeBackground('#fff000')"> <Input Type="button"
Value="black" OnClick="changeBackground('#000000')"> <Input
Type="button" Value="white"
OnClick="changeBackground('#ffffff')"> <Input Type="button"
Value="green" OnClick="changeBackground('#00ff00')"> <Input
Type="button" Value="blue"
OnClick="changeBackground('#0000ff')"> <Input Type="button"
Value="orange" OnClick="changeBackground('#ff8000')"> <Input
Type="button" Value="gray"
OnClick="changeBackground('#c0c0c0')"> <Input Type="button" Value="red"
OnClick="changeBackground('#ff0000')"> </Form>
<P><FONT
size=1> <SCRIPT language=JavaScript><!-- function
closeIt() { close(); } //
--> </SCRIPT> </FONT></P>
Выплывающее окно с заданными
координатами:
<Script
Language="JavaScript"> Artel=window.open("frame11.htm","Artel", "Width=500,
Height=160, Toolbar=0, Location=0", "Status=0, Menubar=0, Scrollbars=0,
Resizable=0") </Script>
Цвет фона медленно изменяется при загрузки
страницы:
<SCRIPT LANGUAGE="JavaScript"> <!-- //
convert decimal value (0 - 255) to hexadecimal // (use .toString(16) method
supported by IE) function toHex(dec) { // create list of hex
characters var hexCharacters = "0123456789ABCDEF"
// if number is out
of range return limit if (dec < 0) return "00" if (dec >
255) return "FF"
// decimal equivalent of first hex character in
converted number var i = Math.floor(dec / 16)
// decimal equivalent of
second hex character in converted number var j = dec % 16
// return
hexadecimal equivalent return hexCharacters.charAt(i) +
hexCharacters.charAt(j) } // set background color to specified
descriptors function setbgColor(red, green, blue) { document.bgColor = "#"
+ toHex(red) + toHex(green) + toHex(blue) } // fade from start to end
descriptors (increase step to increase transition speed) function fade(sred,
sgreen, sblue, ered, egreen, eblue, step) { // loop to create fade
effect for(var i = 0; i <= step; ++i) { // set current red
descriptor var red = Math.floor(sred * ((step - i) / step) + ered * (i /
step))
// set current green descriptor var green = Math.floor(sgreen *
((step - i) / step) + egreen * (i / step))
// set current green
descriptor var blue = Math.floor(sblue * ((step - i) / step) + eblue * (i /
step))
// set background color according to
descriptors setbgColor(red, green, blue) } } //
--> </SCRIPT>
Вставка любых объектов, гоняющихся за
курсором:
<script> var brOK=false; var mie=false; var
ex=0; var ey=0; var ae; var le; var re; var x0; var y0; var
tid; var realx; var realy; var
loaded=false; if(navigator.appVersion.charAt(0)=="4") {brOK=true;} if(navigator.appName.indexOf("Microsoft")!=-1) {mie=true;
} function
myhandler(e) {ex=e.pageX; ey=e.pageY; moveeye() return
routeEvent(e); } function
moveeye() {dy=ey-y0-20; dx1=ex-x0-20; dx2=ex-x0-60; r=Math.sqrt(dx1*dx1+dy*dy); if(r<20)
r=20 dx1=dx1*10/r+x0+10; dy1=dy*10/r+y0+10; r=Math.sqrt(dx2*dx2+dy*dy); if(r<20)
r=20 dx2=dx2*10/r+x0+50; ae.left=x0; ae.top=y0; le.left=dx1; le.top=dy1; re.left=dx2; re.top=dy1; } function
setHandlers() {if(!mie)
{y0=document.eyeballs.top; x0=document.eyeballs.left; ae=document.eyeballs; le=document.lefteye; re=document.righteye; window.captureEvents(Event.MOUSEMOVE); window.onMouseMove=myhandler; } else
{y0=document.all.eyeballs.style.pixelTop; x0=document.all.eyeballs.style.pixelLeft; ae=document.all.eyeballs.style; le=document.all.lefteye.style; re=document.all.righteye.style; } realx=x0+0.1; realy=y0+0.1; moveall(); loaded=true; } function
moveall() {rx=realx+40 ry=realy+40; rx+=(ex-rx)*0.1; ry+=(ey-ry)*0.1; realx=rx-40; realy=ry-40; x0=Math.round(realx); y0=Math.round(realy); moveeye(); tid=setTimeout('moveall()',100); } function
placeeyes(x,y) {if(brOK) {ex=x+40; ey=y+40; s ='<DIV ID="dummy"
STYLE="position:absolute; top:'+y+'; left:'+x+'; width:10; height:10;">
</DIV>'; s+='<DIV ID="eyeballs" STYLE="position:absolute; top:'+y+';
left:'+x+'; width:80; height:40;" ><IMG SRC="eyeballs.gif"
border=0></DIV>'; s+='<DIV ID="lefteye" STYLE="position:absolute;
top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;" ><IMG SRC="eye.gif"
border=0></DIV>'; s+='<DIV ID="righteye"
STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;"
><IMG SRC="eye.gif"
border=0></DIV>'; document.writeln(s); } } </script> <script
FOR="document"
Event="onmousemove()"> if((mie==true)&&(brOK)&&loaded) {ex=event.x; ey=event.y; moveeye(); } </script>
|