меню

главная

софт

форум

гостевая

статьи

ссылки

web-мастеру


Разместите нашу
кнопку:

Для того чтобы получить код - щелкните по кнопке
Счетчики:

Поиск по сайту:

    
намылить админам на главную обновить добавить в избранное

разное

обои

ссылки на производителей железа

музыкальные порталы

поисковые системы

ссылки посвященные Web-дизайну

об авторах


Оцените дизайн сайта
Отличный
Хороший
Нормальный
Плохой
Результаты голосования
Другие голосования на
Ламерам хода нет

Мигающая 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>


© Kool-Tarak Design Group 2004. © Все права защищены.
Hosted by uCoz