Всё что надо | Мир Веб Дизайна: СКРИПТЫ ДЛЯ САЙТА

::Скрипты для сайта::

|| 1 || 2 ||

Сколько дней существует ваша страничка- <script language="JavaScript"> d0 = new Date('дата когда создался сайт'); d1 = new Date(); dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); document.write('Этой страничке <font color=#008000>' + Math.round(dt) + '-й</font> день.'); </script>
Текст вокруг курсора- <SCRIPT LANGUAGE="JavaScript1.2">  </SCRIPT>
Красная полоска с бегущим текстом возле курсора- <script language="javascript" src="http://ad.subnet.dk/webmeasure.js"></script> <SCRIPT language="JavaScript1.2">  </SCRIPT>
Печатающийся текст - <html> <head> <script> var chr = -1; var txt = "Ваш печатающийся текст<br>JavaScript<br>лучшие JavaScript'ы<br>более 100 скриптов<br>www.vcechtonado1.narod.ru" 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> <title>Печатающийся текст</title> </head> <body onload="changetext()"> <div></div> <p><font id="text" face="MS Sans Serif" size="1"></font></p> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html
Автоматическая пересылка на другой ресурс - <META HTTP-EQUIV="REFRESH" CONTENT="1; URL=http://www.куда.пересылать"> <script language="JavaScript">  </script> <CENTER><P><B><FONT SIZE=3><A HREF="http://www.куда.пересылать">название сайта куда отсылаем</A></FONT></B></P></CENTER>
Скрипт приветствует вас по введенному имени- <script language="javascript">  </script>
Скрипт создает кнопку "Копировать" для копирования текста из определенной формы- <script language="javascript">  </script> <form name="theform"> <input name="text" type="text" size="35" value="Скопируйте этот текст нажатием кнопки Копировать"> </form> <input type="button" onClick="copy()" value="Копировать">
Распечатка страницы- <html> <head> <title>JavaScript. Распечатка страницы из кода</title> <script language="JavaScript">  </script> </head> <body> <p>Чтобы распечатать данную страничку, просто нажмите <a href="#" onClick="printit();">Печатать</a>.</p> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>
Скрипт позволяет выводить с огромной скоростью любой Ваш текст- <html> <head> <title>Сумашедший статусбар</title> </head> <body bgcolor="#FFFFFF" onload="start()"> <script language="JavaScript">  </script> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>
Радужный текст- <HTML> <HEAD> <TITLE>Печатающийся переливающийся текст</TITLE> <Script language="JavaScript"> var someText = "Добро пожаловать на сайт!"; // the text var aChar; var aSentence; var i=0; // a counter var colors = new Array("FF0000","FFFF66","FF3399","00FFFF","FF9900","00FF00"); // the colors var aColor; // the chosen color function loadText() { // randomly choose color aColor = colors[Math.floor(Math.random()*colors.length)]; aChar = someText.charAt(i); if (i == 0) aSentence = aChar; else aSentence += aChar; // 50 iterations max. if (i < 50) i++; // For IE if (document.all) { textDiv.innerHTML= "<font color='#"+aColor+"' face='Tahoma' size='5'><i>"+aSentence+"</i></font>"; setTimeout("loadText()",100); } // For Netscape Navigator 4 else if (document.layers) { document.textDiv.document.write("<font color='#"+aColor+"' face='Tahoma' size='5'><i>"+aSentence+"</i></font>"); document.textDiv.document.close(); setTimeout("loadText()",100); } // For other else if (document.getElementById) { document.getElementById("textDiv").innerHTML = "<font color='#"+aColor+"' face='Tahoma'size='5'><i>"+aSentence+"</i></font>"; setTimeout("loadText()",100); } } </SCRIPT> </HEAD> <body bgcolor="#000000" text="#ffffff" onLoad="loadText()"> <div id="textDiv"></div> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </HTML>
Автомотическая дата- <SCRIPT language=JavaScript>  </SCRIPT>
Сообщение в строке статуса с изменяющимся регистром букв - <html> <head> <title>Сообщение в строке статуса с изменяющимся регистром букв.</title> <script language="Javascript" type="text/javascript">  </script> <dd><b>Проверка ввода электронного адреса - <textarea> <html> <head> <title>JavaScript в примерах</title> <script language="JavaScript"> </script> </head> <body> E-mail:<form><input type="text" size="30" maxlength="40" name="EmailAddressField" valing="middle" _ onChange="isValidEmailAddress(this.value)"></form> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>
Прыгающий мячик - <html> <head> <title>JavaScript. Позиционирование. Прыгающий мячик</title> <script language="JavaScript">  </script> </head> <body> <div id="ball" style="position:absolute;width:10px; height:10px"><img src="../gif/ball5.gif" width=10 height=10 border=0></div> <script language="JavaScript">  </script> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>
Сайт управляется системой uCoz

Отключение правой кнопки мыши ( javascript)-  <script language="JavaScript1.2" type="text/javascript">  </script> 
Белая линия около курсора -
<SCRIPT language=JavaScript1.2>  </SCRIPT>
Ссылка: мерцающие звездочки - <style type="text/css">a:hover{background: url('http://img208.imageshack.us/img208/5136/xox2lw2.gif'); }</style>
Убрать баннер с Народ.Ру - <noscript><noscript><plaintext><plaintext>
>>>[Ссылка ]<<<
<SCRIPT language=JavaScript> document.onmouseover = domouseover; document.onmouseout = domouseout; function ismsie4() { if ((navigator.appName.indexOf("Internet Explorer") > -1) && (navigator.appVersion.indexOf("4") > -1)) { return true } else { return false } } var linkTimeout = ""; function showArrow(activeArrowID, linkName) { for (i=0;i<=2;i++) { if (i == activeArrowID) { document.all[linkName + "Arrow"][i].style.color = "white"; document.all[linkName + "Arrow"][5 - i].style.color = "white"; } else { document.all[linkName + "Arrow"][i].style.color = ""; document.all[linkName + "Arrow"][5 - i].style.color = ""; } } activeArrowID++; if (activeArrowID > 2) { activeArrowID = 0; } linkTimeout = setTimeout("showArrow(" + activeArrowID + ', "' + linkName + '"' + ")", 120); } // This is separate because... umm, it makes things flexible ;-) function hideArrows(linkName) { for (i=0;i<=2;i++) { document.all[linkName + "Arrow"][i].style.color = ""; document.all[linkName + "Arrow"][5 - i].style.color = ""; } } function domouseover() { srcElement = window.event.srcElement; if (srcElement.className.indexOf("Link") > -1) { var linkName = srcElement.id; document.all[linkName + "Bracket"][0].style.color = "black"; document.all[linkName + "Bracket"][1].style.color = "black"; showArrow(0, linkName); } } function domouseout() { srcElement = window.event.srcElement; if (srcElement.className.indexOf("Link") > -1) { var linkName = srcElement.id; hideArrows(linkName); clearTimeout(linkTimeout); document.all[linkName + "Bracket"][0].style.color = ""; document.all[linkName + "Bracket"][1].style.color = ""; } } </SCRIPT> </head> <body> <table width=400 height=40 border=0><tr><td align=center> <FONT face=Verdana size=1><FONT color=black><A id=mainArrow>></A><A id=mainArrow>></A><A id=mainArrow>></A></FONT><A id=mainBracket>[</A><A class=mainLink href="vashassilka.html" id=main target="_top">Ссылка</A><A id=mainBracket>]</A><FONT color=black><A id=mainArrow><</A><A id=mainArrow><</A><A id=mainArrow><</A></FONT> </td></tr></table>
Эффект красных-падающих сердечек:
<SCRIPT LANGUAGE="JavaScript1.2">  </script>
Эффект: Розовых-падающих сердечек
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:25; height:450; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:25; height:300; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:25; height:250; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270; top:30; width:25; height:370; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320; top:30; width:25; height:340; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240; top:30; width:25; height:70; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140; top:30; width:25; height:50; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290; top:30; width:25; height:60; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130; width:25;height:80; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360; top:30; width:25; height:330; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390; top:50;width:25; height:400; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440; top:70; width:25; height:300; z-index:600"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100; width:25; height:300; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560; top:70; width:25; height:300; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590; top:100; width:25; height:300; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520; top:170; width:25; height:300; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610; top:200; width:25; height:300; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650; top:250; width:25; height:340; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:290; width:25; height:380;z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660; top:40; width:25; height:70; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:60; width:25; height:90; z-index:645"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/snow-images/1.gif" border="0"></marquee>
Эффект: Зеленых-летящих бабочек
<SCRIPT language=JavaScript>  </SCRIPT>
Эффект: Жёлтых-летящих бабочек
<SCRIPT language=JavaScript>  </SCRIPT>

<SCRIPT language=JavaScript>  </SCRIPT>
<SCRIPT language=JavaScript>  </SCRIPT>
<SCRIPT language=JavaScript>  </SCRIPT>
<SCRIPT language=JavaScript>  </SCRIPT>
<SCRIPT language=JavaScript>  </SCRIPT>
<SCRIPT language=JavaScript>  </SCRIPT>

Сайт управляется системой uCoz