انجمن‌های فارس وب - اسکریپت های اشاره گر ماوس

با استفاده از این اسکریپت ميتوان سه رنگ قرمز، آبی و سبز را بدنبال ماوس حرکت داده و حرکتی
ستاره مانند ایجاد کرد. برای بکار گیری این اسکریپت کدهای زیر را درون Body قالب کپی کنید.

نقل قول:

کد زیر هم خیلی قشنگه چند جرقه رو بوجود میاره که وقتی ماوس حرکت میکنه روشن میشن

<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>

<DIV ID="div1" CLASS="s1">*</DIV>

<DIV ID="div2" CLASS="s2">*</DIV>

<DIV ID="div3" CLASS="s3">*</DIV>

<DIV ID="div4" CLASS="s4">*</DIV>

<p align="center">

<font face="arial, helvetica" size="-2"><a 

Kit</a></font></p>

<SCRIPT 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;

  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++;

    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>

کد زیر باعث میشه که متن انتخابیه شما به دور ماوس بیاد و دورش بچرخه

قسمتی که نوشته well come to my weblog را شما میتونید عوض کنید

<head>

<meta http-equiv="Content-Language" content="en-us">

</head>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

if (document.all) {

//Things you can alter

yourLogo = "wellcome to my weblog"; //Not less than 2 letters!

logoFont = "Arial";

logoColor = "red";

//Nothing needs altering below!

yourLogo = yourLogo.split('');

L = yourLogo.length; 

TrigSplit = 360 / L;

Sz = new Array()

logoWidth = 100;

logoHeight = -30;

ypos = 0;

xpos = 0;

step = 0.03;

currStep = 0;

document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < L; i++) {

document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'

+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'

+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');

}

document.write('</div></div>');

function Mouse() {

ypos = event.y;

xpos = event.x - 5;

}

document.onmousemove=Mouse;

function animateLogo() {

outer.style.pixelTop = document.body.scrollTop; 

for (i = 0; i < L; i++) {

ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);

ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);

Sz[i] = ie[i].style.pixelTop - ypos;

if (Sz[i] < 5) Sz[i] = 5;

ie[i].style.fontSize = Sz[i] / 1.7;

}

currStep -= step;

setTimeout('animateLogo()', 20);

}

window.onload = animateLogo;

}

//  End -->

</script>

</body>

</html>

مربع هاي رنگي که دور موس می چرخند

<!--Powered javascript code by Ehsansoft-->

<HTML>

<HEAD>

<script language="JavaScript">

<!-- Begin

function nMouse(evnt){

Ypos = evnt.pageY;

Xpos = evnt.pageX;

}

function iMouse() {

Ypos = event.y+document.body.scrollTop;

Xpos = event.x+document.body.scrollLeft;

}

function Comet() {

var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4;

var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4;

for (i = 0; i < 14; i++){

var randCol = Math.round(Math.random()*8);

var layer = (document.layers)?document.layers['n'+i]:me[i].style;

layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200);

layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400);

if (ns) layer.bgColor = Clrs[randCol];

else

layer.background = Clrs[randCol];

}

currStep += step;

setTimeout("Comet()",10);

}

ns = (document.layers)?1:0;

Clrs = new Array('ff0000','00ff00','ffffff','ff00ff ','ffa500','ffff00','00ff00','ffffff','f f00ff');

yBase = 0;

xBase = 0;

step = 3;

currStep = 0;

Ypos = 0;

Xpos = 0;

if (ns){

for (i = 0; i < 14; i++)

document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>');

window.captureEvents(Event.MOUSEMOVE);  

window.onMouseMove = nMouse;

}

else{

document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">');

for (i=0; i < 14; i++)

{document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i /4+';height:'+i/4+';font-size:'+i/4+'"></div>');}

document.write('</div></div>');

document.onmousemove = iMouse;

}

window.onload = Comet;

//  End -->

</script>

</HEAD>

<BODY>

<!-- START HOME FREE HEADER CODE -->

<!-- END HOME FREE HEADER CODE -->

<!-- START HOME FREE FOOTER CODE -->

<script language='JavaScript' type='text/javascript'>

<!--

   if (!document.phpAds_used) document.phpAds_used = ',';

   phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);

   document.write ("<" + "script language='JavaScript' type='text/javascript' src='");

   document.write ("http://www.sphosting-adserver.com/phpadsnew/adjs.php?n=" + phpAds_random);

   document.write ("&amp;what=zone:16");

   document.write ("&amp;exclude=" + document.phpAds_used);

   if (document.referer)

      document.write ("&amp;referer=" + escape(document.referer));

   document.write ("'><" + "/script>");

//-->

</script><noscript><a href='http://www.sphosting-adserver.com/phpadsnew/adclick.php?n=aa7513dc' target='_blank'><img src='http://www.sphosting-adserver.com/phpadsnew/adview.php?what=zone:16&n=aa7513dc' border='0' alt=''></a></noscript>

<!-- END HOME FREE FOOTER CODE -->

</BODY>

</HTML>

<!--Ehsansoft-->

جلوه ماوس :با اين كد بهنگام كليك كردن مربع هاي رنگي در صفحه پخش مي شوند

<!--Powered javascript code by Ehsansoft-->

<HTML>

<HEAD>

<script language="JavaScript1.2">

<!-- Begin

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 initMouseEvents() {

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 <= 9; k++)

   eval('SHOW("sDiv'+k+'")');

sparksAflyin = 1;

totalSparks = 0;

for(i = 0;i <= 9; 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;');

}

if (n) {

eval('document.layers.sDiv'+i+'.left = tempx;');

eval('document.layers.sDiv'+i+'.top  = tempy;');

}

j++;

//  timeout: 50 = fireworks speed, larger number = slower speed

    setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50);

}

else {

eval('HIDE("sDiv'+i+'")');

totalSparks++;

}

if (totalSparks == 10) {

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";');

}

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,2 59,265,274);

anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);

anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);

anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);

anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);

anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);

anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);

anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);

//  End -->

</script>

</HEAD>

<BODY onLoad="initMouseEvents()">

<!-- START HOME FREE HEADER CODE -->

<!-- END HOME FREE HEADER CODE -->

<div id="sparks">

<div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div>

<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div>

<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="blue">.</font></div>

<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div>

<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="orange">.</font></div>

<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div>

<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="green">.</font></div>

<div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="skyblue">.</font></div>

<div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div>

<div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div>

</div>

<!-- START HOME FREE FOOTER CODE -->

<script language='JavaScript' type='text/javascript'>

<!--

   if (!document.phpAds_used) document.phpAds_used = ',';

   phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);

   document.write ("<" + "script language='JavaScript' type='text/javascript' src='");

   document.write ("http://www.sphosting-adserver.com/phpadsnew/adjs.php?n=" + phpAds_random);

   document.write ("&amp;what=zone:16");

   document.write ("&amp;exclude=" + document.phpAds_used);

   if (document.referer)

      document.write ("&amp;referer=" + escape(document.referer));

   document.write ("'><" + "/script>");

//-->

</script><noscript><a href='http://www.sphosting-adserver.com/phpadsnew/adclick.php?n=aa7513dc' target='_blank'><img src='http://www.sphosting-adserver.com/phpadsnew/adview.php?what=zone:16&n=aa7513dc' border='0' alt=''></a></noscript>

<!-- END HOME FREE FOOTER CODE -->

</BODY>

</HTML>

<!--Ehsansoft-->