Выкладываем скрипты,курсоры,юзербары,смайлы.
Штучки для сайта и форума.
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться22009-03-26 19:26:19
вот пара скриптов для текста:
Код:
<span id="theText" style="width:100%"> <h3 align="center"><font color="#3a6ca3"><font size="+5">Напиши свою надпись</font> </font><font color="#666666"> <script> // ^-the text that will be displayed <!-- //can be edited from here var from = 5; //the animation start value var to = 11; //the animation end value var delay = 55; //the animation speed var glowColor = "red"; //the first color var glowColor2 = "orange"; //the second color var glowColor3 = "yellow"; //the third color var glowColor4 = "lime"; //4th color var glowColor5 = "blue"; //5th color var glowColor6 = "magenta"; //last color //no more editing var i = to; var j = 0; textPulseDown(); function textPulseUp() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown()',delay); return 0; } } function textPulseDown() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor2 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp2()',delay); return 0; } } function textPulseUp2() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor3 + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp2()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown2()',delay); return 0; } } function textPulseDown2() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor4 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown2()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp3()',delay); return 0; } } function textPulseUp3() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor5 + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp3()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown3()',delay); return 0; } } function textPulseDown3() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor6 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown3()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp()',delay); return 0; } } //--> </script></font></h3></span>
Код:
<center><font style="font-size:55px;line-height:19px;color: #0ad000;font-family: Impact;">Красивый эффект текста<br><font style="font-size:45px;color: #fff208;font-family: Impact;">Красивый эффект текста</font></font></center>
Поделиться32009-03-26 19:30:22
Это эфект с сылкой:
Код:
<style type="text/css">a:hover{background: url('http://img108.imageshack.us/img108/8017/xox1aj8.gif'); }</style>
Код:
<style type="text/css">a:hover{background: url('http://img108.imageshack.us/img108/5263/xox3rn4.gif'); }</style>
Код:
<html> <head> <title>Объекты передвигающиеся (кружащиеся) около ссылки.</title> <script> <!-- var x,y var step=5 var flag=1 var pause var timersmall var timerbig var isbigcircle=1 var pause=50 var bigradius var smallradius=50 var startwinkel=1 var imgnumber=12 var imgsrc="http://img145.imageshack.us/img145/2856/pattehn8.gif" var xcenter var xcenter var pi= Math.PI function onresizer() { clearTimeout(timerbig) clearTimeout(timersmall) initiate() } function initiate() { var initiatetimer=setTimeout("initiate2()",2000) } function initiate2() { if (document.layers) { xcenter=Math.floor(screen.width/2) ycenter=Math.floor(window.innerHeight/2) } if (document.all) { xcenter=Math.floor(document.body.clientWidth/2) ycenter=Math.floor(document.body.clientHeight/2) } bigradius=ycenter bigcircle() } function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY flag=1 } function bigcircle() { if (isbigcircle==1) { if (document.all) { for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=((xcenter-20)*Math.cos(startwinkel*(pi/180)))+xcenter thisspan.posTop=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter startwinkel=startwinkel+30 } } if (document.layers) { for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=((xcenter-150)*Math.cos(startwinkel*(pi/180)))+(xcenter-145) thisspan.top=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter startwinkel=startwinkel+30 } } step=step+5 startwinkel=step timerbig=setTimeout("bigcircle()",pause) } else { isbigcircle=0 clearTimeout(timerbig) } } function presmallcircle() { isbigcircle=0 clearTimeout(timerbig) smallcircle() } function prebigcircle() { isbigcircle=1 clearTimeout(timersmall) bigcircle() } function smallcircle() { if (isbigcircle==0) { if (document.all) { for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=(smallradius*Math.cos(startwinkel*(pi/180)))+x thisspan.posTop=(smallradius*Math.sin(startwinkel*(pi/180)))+y startwinkel=startwinkel+30 } } if (document.layers) { for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=(smallradius*Math.cos(startwinkel*(pi/180)))+x thisspan.top=(smallradius*Math.sin(startwinkel*(pi/180)))+y startwinkel=startwinkel+30 } } step=step+5 startwinkel=step timersmall=setTimeout("smallcircle()",pause) } else { isbigcircle=0 clearTimeout(timersmall) } } window.onoad=initiate() // - End of JavaScript - --> </script> <STYLE> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; } </STYLE> </head> <body> <script> <!-- for (i=1;i<=imgnumber;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write("<img src='"+imgsrc+"'>") document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; document.onresize = onresizer; // --> </script> <DIV id=source class="explain"><a href="http://sababa.webhost.ru/" target="_blank" onMouseOver="presmallcircle()" onMouseOut="prebigcircle()">Наведите мышь на ссылку</a></DIV> <DIV id=source class="linktofun"><a href="http://sababa.webhost.ru/" target="_blank" onMouseOver="presmallcircle()" onMouseOut="prebigcircle()">Много полезных скриптов на http://sababa.webhost.ru/</a></DIV> </body> </html>
могу сказать очень красивые скрипты!
Поделиться42009-03-26 19:35:58
эфекты с курсором:
за курсором двигается змейка из фигурок
голубые сердечки
Код:
<!-- DEBUT DU SCRIPT --> <DIV id=dot0 style="HEIGHT: px; POSITION: absolute; VISIBILITY: hidden; WIDTH: px"><IMG border=0 src=""></DIV> <DIV id=dot1 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://img114.imageshack.us/img114/6418/22bm1.gif"></DIV> <DIV id=dot2 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://img114.imageshack.us/img114/6418/22bm1.gif"></DIV> <DIV id=dot3 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://img114.imageshack.us/img114/6418/22bm1.gif"></DIV> <DIV id=dot4 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://img114.imageshack.us/img114/6418/22bm1.gif"></DIV> <DIV id=dot5 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://img114.imageshack.us/img114/6418/22bm1.gif"></DIV> <DIV id=dot6 style="HEIGHT: px; POSITION: absolute; WIDTH: px"><IMG border=0 src="http://img114.imageshack.us/img114/6418/22bm1.gif"></DIV> <SCRIPT language=JavaScript> /* Elastic Bullets Philip Winston <winston@cs.unc.edu> 10/98 Script edité sur l'éditeur JavaScript http://www.editeurjavascript.com */ var nDots = 7; var Xpos = 0; var Ypos = 0; var DELTAT = .01; var SEGLEN = 10; var SPRINGK = 10; var MASS = 0.8; var GRAVITY = 60; var RESISTANCE = 12; var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 10; var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { } for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { startanimate(); } else { setTimeout("startanimate()", 3000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } function setInitPositions(dots) { var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } </script> <!-- FIN DU SCRIPT -->
Поделиться52009-03-30 16:06:21
Я принцесска И ТоЧкА.
спс!!!!!!!!!!=))=))
Страница: 1