Эффекты с курсором - Скрипты - Для вебмастера - Полезное - Интернет-журнал.

Главная

Регистрация

Вход

Среда
24.04.2024
18:29

Приветствую Вас Гость | RSS

AlloVer

Меню сайта

• • • •

• • • •

Категории каталога

Иконки [1]

Скрипты [5]

Скрипты для uCoz [26]

Наш опрос

Полезное

Главная » Полезное » Для вебмастера » Скрипты

Эффекты с курсором

[ ]	23.02.2009, 19:26
Рассыпающиеся звездочки при клике После клика по страничке, от курсора рассыпаются разноцветные звездочки. Вставляем в body: <!-- uzzSCRIPT language=JavaScript1.2> <!-- var ver = navigator.appVersion; var dom = document.getElementById ? 1 : 0; var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0; var n = (document.layers); var ie = (document.all); var sparksAflyin = 0; var totalSparks = 0; var sparksOn = 1; function StarMouse() { document.onmousedown = mouseDown; if (n) document.captureEvents(Event.MOUSEDOWN \| Event.MOUSEMOVE); } function mouseDown(e) { if (sparksOn) { var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft; var mousey = (n) ? e.pageY : event.y+document.body.scrollTop; if (!sparksAflyin) { for (var k = 0; k <= 6; k++) eval('SHOW("sDiv'+k+'")'); sparksAflyin = 1; totalSparks = 0;//osw for(i = 0;i <= 6; i++) eval('moveTo('+i+',0,'+mousex+','+mousey+')'); } } } function moveTo(i,j, mousex, mousey){ if (j < eval('anim_'+i+'_x.length') ){ var tempx = eval('anim_'+i+'_x[j]+mousex'); var tempy = eval('anim_'+i+'_y[j]+mousey'); if (ie) { if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop)) tempy = document.body.offsetHeight+document.body.scrollTop-30; if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft)) tempx = document.body.offsetWidth+document.body.scrollLeft-30; eval('document.all.sDiv'+i+'.style.left = tempx;'); eval('document.all.sDiv'+i+'.style.top = tempy;');//fantasyflash.ru } if (n) { eval('document.layers.sDiv'+i+'.left = tempx;'); eval('document.layers.sDiv'+i+'.top = tempy;'); } j++; setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50) } else { eval('HIDE("sDiv'+i+'")'); totalSparks++; } if (totalSparks == 7) { sparksAflyin = 0; totalSparks = 0; } } function SHOW(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "visible";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "visible";');//osw } function HIDE(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "hidden";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "hide";'); } anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0); anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80); anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181); anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18); anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127); anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189); anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211); anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201); anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288); anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248); anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274); anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257); // End --> </SCRIPT>--> <DIV id=sparks> <DIV id=sDiv0 style="VISIBILITY: hidden; POSITION: absolute"><FONT face="courier new, symbol,wingdings,arial" color=#FF99CC size=2><B></B></FONT></DIV> <DIV id=sDiv1 style="VISIBILITY: hidden; POSITION: absolute"><FONT face="courier new, symbol,wingdings,arial" color=#FF99CC size=2><B></B></FONT></DIV> <DIV id=sDiv2 style="VISIBILITY: hidden; POSITION: absolute"><FONT face="courier new, symbol,wingdings,arial" color=#99CCFF size=2><B></B></FONT></DIV> <DIV id=sDiv3 style="VISIBILITY: hidden; POSITION: absolute"><FONT face="courier new, symbol,wingdings,arial" color=#FFFF33 size=2><B></B></FONT></DIV> <DIV id=sDiv4 style="VISIBILITY: hidden; POSITION: absolute"><FONT face="courier new, symbol,wingdings,arial" color=#FFFF33 size=2><B></B></FONT></DIV> <DIV id=sDiv5 style="VISIBILITY: hidden; POSITION: absolute"><FONT face="courier new, symbol,wingdings,arial" color=#9966FF size=2><B></B></FONT></DIV> <DIV id=sDiv6 style="VISIBILITY: hidden; POSITION: absolute"><FONT face="courier new, symbol,wingdings,arial" color=#33FFCC size=2><B></B></FONT></DIV> После этого не забываем загрузить функцию StarMouse() командой "onload" внутрь тега body! Взлетающие сердечки (и не только) от курсора От курсора взлетают c эффектом подводных пузырей сердечки. Их можно поменять на звездочки, цветы, бабочки или что-нибудь еще: просто смените адрес в http до любой своей картинки. Вставляем в body:* <!-- uzzSCRIPT language=JavaScript> <!-- Image0 = new Image(); Image0.src = "http://fantasyflash.ru/anime/love/image/love36.gif"; Amount = 10; Ymouse = -50; Xmouse = -50; Ypos = new Array(); Xpos = new Array(); Speed = new Array(); rate = new Array(); grow = new Array(); Step = new Array(); Cstep = new Array(); nsSize = new Array(); ns = (document.layers)?1:0; (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt) { Ymouse=(document.layers)?evnt.pageY-20:event.y-20; Xmouse=(document.layers)?evnt.pageX:event.x; } (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse; for (i = 0; i < Amount; i++) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random()4+1; Cstep[i] = 0;//osw Step[i] = Math.random()0.1+0.05; grow[i] = 5; nsSize[i] = Math.random()15+5; rate[i] = Math.random()0.5+0.1; } if (ns) { for (i = 0; i < Amount; i++) { document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>"); } } else { document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++) { document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=80)">'); } document.write('</div></div>'); } function Fly() { var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;//fantasyflash.ru for (i = 0; i < Amount; i++){ sy = Speed[i] * Math.sin(270 * Math.PI / 180); sx = Speed[i] * Math.cos(Cstep[i] * 4); Ypos[i] += sy; Xpos[i] += sx; if (Ypos[i] < -40) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random() * 6 + 4; grow[i] = 5;//osw nsSize[i] = Math.random() * 15 + 5; } if (ns) { document.layers['sn'+i].left = Xpos[i] + wscrll; document.layers['sn'+i].top = Ypos[i] + hscrll; } else { si[i].style.pixelLeft = Xpos[i] + wscrll; si[i].style.pixelTop = Ypos[i] + hscrll; si[i].style.width = grow[i]; si[i].style.height = grow[i]; } grow[i] += rate[i]; Cstep[i] += Step[i]; if (grow[i] > 15) grow[i] = 15; } setTimeout('Fly()', 10); } Fly(); --> </SCRIPT>--> тающие снежинки-звездочки за курсором Вставляем в head: <STYLE TYPE="text/css"> <!-- BODY{overflow:scroll;overflow-x:hidden; } .s1 { position : absolute; font-size : 10pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : red; visibility : hidden; } .s3 { position : absolute; font-size : 14pt; color : gold; visibility : hidden; } .s4 { position : absolute; font-size : 12pt; color : lime; visibility : hidden; } --></STYLE> Остальное — в body: <DIV ID="div1" CLASS="s1"></DIV> <DIV ID="div2" CLASS="s2"></DIV> <DIV ID="div3" CLASS="s3"></DIV> <DIV ID="div4" CLASS="s4"></DIV> <!-- uzzSCRIPT LANGUAGE="javascript" TYPE="text/javascript"> var nav = (document.layers); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset;//osw y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) { eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); } n++;//fantasyflash.ru tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(4); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --></SCRIPT>--> эффект волшебной палочки: разноцветные искорки вокруг курсора Вставляем в body: <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER> <script language="JavaScript"> if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step;//osw var currStep = 0; var Xpos = 1; var Ypos = 1; 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 animateLogo() { 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 + yBaseMath.cos((currStep + i4)/12)Math.cos(0.7+currStep/200);//osw starsDiv.all[i].style.left = Xpos + xBaseMath.sin((currStep + i3)/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 = 4;//fantasyflash.ru var templayer="a"+j document.layers[templayer].top = Ypos + yBaseMath.sin((currStep + j4)/12)Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBaseMath.sin((currStep + j3)/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("animateLogo()", 10); } animateLogo(); // --></script>
Категория: Скрипты \| Добавил: allover
Просмотров: 5027 \| Загрузок: 0 \| Комментарии: 4 \| Рейтинг: 4.0/8 \|

Всего комментариев: 4

Порядок вывода комментариев:

3 Aleksa2011 (02.10.2011 10:13)

0

А где находится этот Body?

4 allover777 (03.10.2011 17:59)

0

Body находится в корневой части сайта

2 allover777 (16.05.2011 11:48)

0

Точно написать не могу, но насколько мне известно,
данный эффект можно установить только на определенный сайт.

1 ЕкатеринаСтар (09.05.2011 00:47)

0

Подсажите как эффекты для курсора установить на компьютер?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа

Поиск

Друзья сайта

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Copyright MyCorp © 2024