Тут я буду выкладывать самые красивые скрипты ( и редко использованные - как капли воды, розы и тд )
Красивые скрипты
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться12010-08-04 14:58:26
Поделиться22010-08-04 15:15:03
Курсор - падают разноцветные шарики по кругу
Код:
</head> <body> <LAYER CLIP="0,0,1,1" BGCOLOR="#ffffff" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a0"></LAYER><LAYER CLIP="0,0,1,1" BGCOLOR="#fff000" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a1"></LAYER><LAYER CLIP="0,0,1,1" BGCOLOR="#ffa000" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a2"></LAYER><LAYER CLIP="0,0,1,1" BGCOLOR="#ff00ff" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a3"></LAYER><LAYER CLIP="0,0,1,1" BGCOLOR="#00ff00" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a4"></LAYER><LAYER CLIP="0,0,1,1" BGCOLOR="#FF00FF" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a5"></LAYER><LAYER CLIP="0,0,1,1" BGCOLOR="#FF0000" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a6"></LAYER><LAYER CLIP="0,0,2,2" BGCOLOR="#ffffff" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a7"></LAYER><LAYER CLIP="0,0,2,2" BGCOLOR="#fff000" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a8"></LAYER><LAYER CLIP="0,0,2,2" BGCOLOR="#ffa000" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a9"></LAYER><LAYER CLIP="0,0,2,2" BGCOLOR="#ff00ff" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a10"></LAYER><LAYER CLIP="0,0,2,2" BGCOLOR="#00ff00" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a11"></LAYER><LAYER CLIP="0,0,2,2" BGCOLOR="#0000ff" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a12"></LAYER><LAYER CLIP="0,0,3,3" BGCOLOR="#FF0000" VISIBILITY="SHOW" TOP="10" LEFT="10" NAME="a13"></LAYER> <DIV id=starsDiv style="LEFT: 0px; POSITION: absolute; TOP: 0px"> <DIV style="FONT-SIZE: 1px; BACKGROUND: #ffffff; VISIBILITY: visible; WIDTH: 1px; POSITION: relative; HEIGHT: 1px"></DIV><DIV style="FONT-SIZE: 1px; BACKGROUND: #fff000; VISIBILITY: visible; WIDTH: 1px; POSITION: relative; HEIGHT: 1px"></DIV><DIV style="FONT-SIZE: 1px; BACKGROUND: #ffa000; VISIBILITY: visible; WIDTH: 1px; POSITION: relative; HEIGHT: 1px"></DIV><DIV style="FONT-SIZE: 1px; BACKGROUND: #ff00ff; VISIBILITY: visible; WIDTH: 1px; POSITION: relative; HEIGHT: 1px"></DIV><DIV style="FONT-SIZE: 1px; BACKGROUND: #00ff00; VISIBILITY: visible; WIDTH: 1px; POSITION: relative; HEIGHT: 1px"></DIV><DIV style="FONT-SIZE: 1px; BACKGROUND: #0000ff; VISIBILITY: visible; WIDTH: 1px; POSITION: relative; HEIGHT: 1px"></DIV><DIV style="FONT-SIZE: 1px; BACKGROUND: #ff0000; VISIBILITY: visible; WIDTH: 1px; POSITION: relative; HEIGHT: 1px"></DIV><DIV style="FONT-SIZE: 2px; BACKGROUND: #ffffff; VISIBILITY: visible; WIDTH: 2px; POSITION: relative; HEIGHT: 2px"></DIV><DIV style="FONT-SIZE: 2px; BACKGROUND: #fff000; VISIBILITY: visible; WIDTH: 2px; POSITION: relative; HEIGHT: 2px"></DIV><DIV style="FONT-SIZE: 2px; BACKGROUND: #ffa000; VISIBILITY: visible; WIDTH: 2px; POSITION: relative; HEIGHT: 2px"></DIV><DIV style="FONT-SIZE: 2px; BACKGROUND: #ff00ff; VISIBILITY: visible; WIDTH: 2px; POSITION: relative; HEIGHT: 2px"></DIV><DIV style="FONT-SIZE: 2px; BACKGROUND: #00ff00; VISIBILITY: visible; WIDTH: 2px; POSITION: relative; HEIGHT: 2px"></DIV><DIV style="FONT-SIZE: 2px; BACKGROUND: #0000ff; VISIBILITY: visible; WIDTH: 2px; POSITION: relative; HEIGHT: 2px"></DIV><DIV style="FONT-SIZE: 3px; BACKGROUND: #ff0000; VISIBILITY: visible; WIDTH: 3px; POSITION: relative; HEIGHT: 3px"></DIV></DIV> <SCRIPT language=JavaScript> var Clrs = new Array(6); Clrs[0] = 'ff0000'; Clrs[1] = '00ff00'; Clrs[2] = '000aff'; Clrs[3] = 'ff00ff'; Clrs[4] = 'fff000'; Clrs[5] = 'fffff0'; var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; var Xs = 200; var Ys = 400; if (document.layers) { window.captureEvents(Event.MOUSEMOVE); } if (document.all) { function MoveHandler() { Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt) { Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function Comet() { if (document.all) { yBase = window.document.body.offsetHeight / 4; xBase = window.document.body.offsetWidth / 4; } else if (document.layers) { yBase = window.innerHeight / 4; xBase = window.innerWidth / 4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { step = 3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai = 0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background = Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) { //number of NS layers! step = 6; var templayer = "a"+j; document.layers[templayer].top = Ypos + yBase*Math.cos((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor = Clrs[c]; } } currStep += step; setTimeout("Comet()", 5); } Comet(); </SCRIPT> </body> </html>
Поделиться32010-08-04 15:40:05
Ссылка светиться, при наведении мышкой
Код:
[hide]<html> <head> <title>Ссылки светятся ( при наведении курсора)</title> <style type="text/css"> .nav { COLOR: #ffff00; FONT-FAMILY: arial; FONT-SIZE: 10pt; LEFT: 150px; POSITION: absolute; TEXT-DECORATION: none} </style> <SCRIPT language="JavaScript"> <!-- var i_strength=0 var max_strength=6 var shadowcolor="red" var timer var speed=50 var thisobj function stopfilter(thisdiv){ if (document.all) { clearTimeout(timer) thisobj=thisdiv thisobj.style.filter=" " } } function startfilter(thisdiv){ if (document.all) { clearTimeout(timer) thisobj=thisdiv morefilter() } } function morefilter(){ if (i_strength <=max_strength) { thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")" i_strength++ timer = setTimeout("morefilter()",speed) } else { clearTimeout(timer) lessfilter() } } function lessfilter(){ if (i_strength >=0) { thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")" i_strength-- timer = setTimeout("lessfilter()",speed) } else { clearTimeout(timer) morefilter() } } // --> </SCRIPT> </head> <body> <div class="nav" id="news" onmouseout="stopfilter(this)" onmouseover="startfilter(this)" style="TOP: 10px"><a href="http://studia.scriptic.ru" style="color: #ffff00">ГЛАВНАЯ СТРАНИЦА</a></div> <div class="nav" id="contact" onmouseout="stopfilter(this)" onmouseover="startfilter(this)" style="TOP: 30px"><a href="http://studia.scriptic.ru" style="color: #ffff00">JAVASCRIPT</a></div> </body> </html>[/hide]
Поделиться42010-08-04 15:45:46
Вставлять в хтмл вверх. Красный текст меняем на свою картинку.
Страница: 1