Скрипты

Скрипты

Здесь множество скриптов!

При наведении на ссылку появляется текст, который постепенно увеличивается и меняет цвет, а на его месте появляется другой Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<title>При наведениии на сссылку появляется текст, который постепенно увеличивается и меняет цвет,а на его месте появляется другой.</title>
<script language="JavaScript" type="text/javascript">
// the number of rings
var ringnumber=4

// do not edit the code below
var x,y
var timer
var i_fontsize=new Array
var step=new Array
ringnumber=ringnumber-1
var maxfontsize=600
var startfontsize=1

for (i=0;i<=ringnumber;i++) {
 i_fontsize[i]=startfontsize
 step[i]=ringnumber*i*10
 startfontsize=(maxfontsize/ringnumber)*(i+1)
}

function cursorposition(e){
 x=event.clientX+document.body.scrollLeft
 y=event.clientY+document.body.scrollTop
}

function hiderings(e){
if (document.all) {
 clearTimeout(timer)
 startfontsize=0
 for (i=0;i<=ringnumber;i++) {
  thisring=eval("document.all.ring"+i+".style")
  thisring.visibility="hidden"
  i_fontsize[i]=startfontsize
  step[i]=ringnumber*i*10
  startfontsize=Math.floor((maxfontsize/ringnumber))*(i+1)
 }
}
}

if (document.all) {
 document.onmousemove=cursorposition;
}

if (document.all) {
 for (i=0;i<=ringnumber;i++) {
 document.write("<DIV id='ring"+i+"' style='position:absolute;font-family:Verdana;'>°</DIV>")
 }
 document.write("<DIV style='position:relative;'>")
}
</script>
</head>
<body>
<a href="http://scriptic.narod.ru" onMouseOver="showrings()" onMouseOut="hiderings()">Scriptic.narod.ru</a>

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

Ссылка меняет цвет при навидении мышки Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<title>Ссылка меняет цвепри нахождении курсора над ней.</title>
<script language="JavaScript"> 
 
</script>
</head>
<body>
<DIV id="deletethisblock"><A name="link1" onMouseOver="startanimation(this.name)" onMouseOut="stopanimation()" href="http://scriptic.narod.ru"> JavaScript</a> <A name="link5" onMouseOver="startanimation(this.name)" onMouseOut="stopanimation()" href="http://studuo.scriptic.ru">Дизайн студия</a><br></DIV>

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

Ссылки при наведении плавно меняют цвет Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<title>Ссылки при навефении плавно меняют цвет</title>
<SCRIPT>
<!-- 
col = new Array()
col[0]="000000"
col[1]="111111"
col[2]="222222"
col[3]="333333"
col[4]="444444"
col[5]="555555"
col[6]="666666"
col[7]="777777"
col[8]="888888"
col[9]="999999"
col[10]="AAAAAA"
col[11]="BBBBBB"
col[12]="CCCCCC"
col[13]="DDDDDD"
col[14]="EEEEEE"
col[15]="FFFFFF"
col[16]="FFFFFF"
col[17]="DDDDDD"
col[18]="CCCCCC"
col[19]="BBBBBB"
col[20]="AAAAAA"
col[21]="999999"
col[22]="888888"
col[23]="777777"
col[24]="666666"
col[25]="555555"
col[26]="444444"
col[27]="333333"
col[28]="222222"
col[29]="111111"
col[30]="000000"

i_col=0
doani=1
var timer
var thislink

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

При наведении на ссылку вокруг нее активизируется текстовая анимация Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<title>При наведении на ссылку вокруг нее активизируется текстовая анимация</title>
<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="http://scriptic.ru" id=main target="_top">main page</A><A id=mainBracket>]</A><FONT color=black><A id=mainArrow><</A><A id=mainArrow><</A><A id=mainArrow><</A></FONT></FONT>
<FONT face=Verdana size=1><FONT color=black><A id=emailArrow>></A><A id=emailArrow>></A><A id=emailArrow>></A></FONT><A id=emailBracket>[</A><A class=emailLink href="mailto:glidia@narod.ru" id=email target=_top>email me</A>
<A id=emailBracket>]</A><FONT color=black><A id=emailArrow><</A><A id=emailArrow><</A><A id=emailArrow><</A></FONT></FONT>
</td></tr></table>

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

Ссылки показываются все на одном месте, меняются с красивым эффектом Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<title>Ссылки показываются все на одном месте, меняются с красивым эффектом.</title>
</head>
<body onLoad="begin()">
<script>

</script>
<style>

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

</script>
</span>
<span id=temp style="position:absolute;left:0;top:0" style=&{head};>
<script>

</script>
</span><br>
</center>

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

Бегающий рисунок возле сслылки Красиво!!! Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<SCRIPT language="Javascript"> 
 
</SCRIPT> 
</head>
<body>
<IMG SRC="off.gif" NAME="im1" BORDER=0 HEIGHT=11 WIDTH=8><A HREF="http://" onMouseOver="show('im1')" onMouseOut="hide()" >Графика для WEB`а</A><BR> 
<IMG SRC="off.gif" NAME="im2" BORDER=0 HEIGHT=11 WIDTH=8><A HREF="http://" onMouseOver="show('im2')" onMouseOut="hide()" >ГРАФИКА и ИНТЕРНЕТ</A><BR> 
<IMG SRC="off.gif" NAME="im3" BORDER=0 HEIGHT=11 WIDTH=8><A HREF="http://" onMouseOver="show('im3')" onMouseOut="hide()" >Картинки</A>

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

Кошечка скользящая за курсором Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<title>Курсор картинкой</title>
<script language="JavaScript">
var Netscape=(navigator.appName.indexOf("Netscape") != -1);
function Move(e) {
  if (!document.getElementById) return;
  obj=document.getElementById("mouse");
  if (Netscape)
    event=e;
  if (event.pageX) { // Netscape...
    xpointer=event.pageX;
    ypointer=event.pageY;
  }
  else if (event.x) { // Internet Explorer...
    xpointer=event.x;
	ypointer=event.y;
  }
  obj.style.left=xpointer - 55;
  obj.style.top=ypointer - 55;
}
function Setup() {
  if (!document.getElementById) return;
  if (Netscape) 
    document.captureEvents(Event.MOUSEMOVE);
  document.onmousemove=Move;
}
</script>
</head>
<body onLoad="Setup();" style="cursor:crosshair">
<div ID="mouse" style="position:absolute; left:50; top:50;">
<img src="../img/mause.gif" width="50" height="50" alt="" border="0">
</div>

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

Снежинки летящие за курсором Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<title>Снежинки, летающии за курсором</title>
</head>
<body>
<div id="dot0" style="HEIGHT: 15px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 15px"><dd><img border="0" src="../img/snegok.gif"></dd></div>
<div id="dot1" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" src="snegok.gif"></dd></div>
<div id="dot2" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" src="snegok.gif"></dd></div>
<div id="dot3" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" src="snegok.gif"></dd></div>
<div id="dot4" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" src="snegok.gif"></dd></div>
<div id="dot5" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" src="snegok.gif"></dd></div>
<div id="dot6" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" src="snegok.gif"></dd></div>
<script language=JavaScript>

</SCRIPT>

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

Поблескивающие около курсора огоньки при его движении Копирование содержимого поля textarea кликом по кнопке.

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

<font color="#ff00ff" style="font-size: 14pt"><b><i>
<a>Змейки летят к курсору </a></i></b></font>
</td></tr></table>

<html>
<head>
<title>Копирование содержимого поля textarea кликом по кнопке.</title>
<SCRIPT language=javascript>
function toBuf(name){
if(document.selection.createRange().text!=""){
name.focus();
document.selection.createRange().duplicate().execCommand("Copy");
}else{
name.focus();name.createTextRange().execCommand("Copy");}}
<html>
<head>
<title>Змейки летят к курсору.</title>
<script language=JavaScript>
<!-- 
/* попробуйте поставить высокую скорость (200), получается интересный эффект */
var speed=20,divTop=0,divLeft=0,angle=0,ypos=0,xpos=0,amount=15;
if (document.layers){
for (i = 0; i < amount; i++)
{document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/3+' height='+i/3+' bgcolor=#ffffff></layer>');}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos=evnt.pageX;ypos=evnt.pageY;
}
window.onMouseMove = nsMouse;
}
else if (document.all){
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < amount; i++)
{document.write('<div id=k style="position:absolute; top:0px;left:0px;width:'+i/3+';height:'+i/3+'; background:#ffffff;font-size:'+i/3+'"></div>')}
document.write('</div></div>');
function iMouse(){xpos=event.x;ypos=document.body.scrollTop+event.y}
document.onmousemove = iMouse;
}
function getAngle(){
Y = ypos - divTop;X = xpos - divLeft;angle = Math.round(Math.atan2(Y,X) * 180/Math.PI);
if (angle < 0)angle += 360;
}
function bomb(){
if (document.layers){
Yscroll=window.pageYOffset;
ybase=Math.round(Math.random()*window.innerHeight);xbase=Math.round(Math.random()*window.innerWidth);
yybase=window.innerHeight-10;xxbase=window.innerWidth-10;
}
else if (document.all){
Yscroll=document.body.scrollTop;
ybase=Math.round(Math.random()*window.document.body.offsetHeight);xbase=Math.round(Math.random()*window.document.body.offsetWidth);
xxbase=window.document.body.offsetWidth-10;yybase=window.document.body.offsetHeight-10;
}
if ((xbase > 10 && xbase < xxbase) && (ybase > 10 && ybase < yybase))
bomb();
else
 {
  if ((divLeft > xpos-speed/1.5) && (divLeft < xpos+speed/1.5) && (divTop >= ypos-speed/1.5) && (divTop <= ypos+speed/1.5))
  {divTop=ybase+Yscroll;divLeft=xbase}
y = Math.round(speed*Math.sin(angle*Math.PI/180));x = Math.round(speed*Math.cos(angle*Math.PI/180));
divTop+=y;divLeft+=x;
getAngle();
T=setTimeout('bomb()',20);
 }
}
function Split(){
Clrs=new Array('ffffff','00ff00','ffff00')
var ntscp=document.layers,msie=document.all;

if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1) 
 {ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left} 
else  
 {ntscp['nsa'+i].top=divTop;ntscp['nsa'+i].left=divLeft}
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1) 
 {msie.k[i].style.top=msie.k[i+1].style.top;msie.k[i].style.left=msie.k[i+1].style.left} 
  else 
  {msie.k[i].style.top=divTop;msie.k[i].style.left=divLeft}
}
}
for (i=0; i < amount-1; i++)
  {
   for (n=0; n < Clrs.length; n++)
   {var x=Math.round(Math.random()*n)}
   if (document.layers){ntscp['nsa'+i].bgColor=Clrs[x]}
   else if (document.all){msie.k[i].style.background=Clrs[x]}
  }
setTimeout("Split()",20);
}
function StArT(){bomb();Split()}
window.onload=StArT;
//-->
</script>
</head>
<body>

<div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div>
</body>
</html>
</SCRIPT>
</head>
<body>
<form name=main>
<textarea id=lat name=lat cols="40" rows="3">
<a href="http://studia.scriptic.ru/">
<img height="31" width="88" border="0" src="http://studia.scriptic.ru/banner/88/web-disain.gif"></a>

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

Текст с плавным переходом цвета скользит за курсором Копирование содержимого поля textarea кликом по кнопке.

<html>
<head>
<title>Текст с плавным переходом цвета скользит за курсором.</title>
<style type="text/css">
.spanstyle { FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible}
</style>
<SCRIPT type="text/javascript" language="JavaScript">
<!--//
var message="     0 1 2 3 4 5 6 7 8 9 A B C D E F "
message=message.split(" ")

var step=8 
var stepbasic=8
// Do not edit the varianles below
var x,y
var flag=0
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-100
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-100
}

var spacebetweenwords=new Array()
for (i=0;i<=message.length-1;i++) {
spacebetweenwords[i]=stepbasic+step*message[i].length-1
}

var colorstep=Math.round(255/message.length-1)

var colorrgb=new Array()
for (i=0;i<=message.length-1;i++) {
colorrgb[i]=i*colorstep
}

var wordcolor=new Array()
for (i=0;i<=message.length-1;i++) {
var colhex_left = Math.floor(colorrgb[i]/16)
var colhex_right= colorrgb[i]-(colhex_left*16)
if (colhex_left == 10) {colhex_left="A"}
if (colhex_left == 11) {colhex_left="B"}
if (colhex_left == 12) {colhex_left="C"}
if (colhex_left == 13) {colhex_left="D"}
if (colhex_left == 14) {colhex_left="E"}
if (colhex_left == 15) {colhex_left="F"} 
if (colhex_right == 10) {colhex_right="A"}
if (colhex_right == 11) {colhex_right="B"}
if (colhex_right == 12) {colhex_right="C"}
if (colhex_right == 13) {colhex_right="D"}
if (colhex_right == 14) {colhex_right="E"}
if (colhex_right == 15) {colhex_right="F"} 
wordcolor[i] =""+colhex_left+colhex_right
}

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]+spacebetweenwords[i-1]
ypos[i]=ypos[i-1]
}
xpos[0]=x+stepbasic
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]+spacebetweenwords[i-1]
ypos[i]=ypos[i-1]
}
xpos[0]=x+stepbasic
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>
</head>
<body onload="makesnake()">
<SCRIPT type="text/javascript">
<!--//
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write("<font color='"+wordcolor[i]+wordcolor[i]+wordcolor[i]+"'>"+message[i]+"</font>")
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
//-->
</SCRIPT>
<SCRIPT type="text/javascript">

</SCRIPT>

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