جافا سكريبت - تأثيرات الفأرة

[القناص العربي]

عدد من الاسهم تتبع سهم الفاره

<A name=source><FONT face=Tahoma size=2><TEXTAREA cols=35 name=txt rows=7 wrap=VIRTUAL>&lt;script language="JavaScript1.2"&gt;
&lt;!--

/*
www.ArabsMag.com
*/

var trailLength = 8 // The length of trail (8 by default; put more for longer "tail")
var path = "mouse.gif" // عنوان صوره السهم

// do NOT modify anything beyond this point
var isIE = false,isNav = false,range = "all.",style = ".style",i,d = 0
var topPix = ".pixelTop",leftPix = ".pixelLeft",images,storage
if (document.layers) { // browser sniffer
isNav = true,range = "layers.",style = "",topPix = ".top",leftPix = ".left"
} else if (document.all) {
isIE = true
}
function initTrail() { // prepares the script
images = new Array() // prepare the image array
for (i = 0; i &lt; parseInt(trailLength); i++) {
images[i] = new Image()
images[i].src = path
}
storage = new Array() // prepare the storage for the coordinates
for (i = 0; i &lt; images.length*3; i++) {
storage[i] = 0
}
for (i = 0; i &lt; images.length; i++) { // make divs for IE and layers for Navigator
(isIE) ? document.write('&lt;div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"&gt;&lt;img src="' + images[i].src + '"&gt;&lt;/div&gt;') : document.write('&lt;layer name="obj' + i + '" width="0" height="0" z-index="100"&gt;&lt;img src="' + images[i].src + '"&gt;&lt;/layer&gt;')
}
trail()
}
function trail() { // trailing function
for (i = 0; i &lt; images.length; i++) { // for every div/layer
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]) // the Y-coordinate
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]) // the X-coordinate
d = d+2
}
for (i = storage.length; i &gt;= 2; i--) { // save the coordinate for the div/layer that's behind
storage[i] = storage[i-2]
}
d = 0 // reset for future use
var timer = setTimeout("trail()",10) // call recursively
}
function processEvent(e) { // catches and processes the mousemove event
if (isIE) { // for IE
storage[0] = window.event.y+document.body.scrollTop+10
storage[1] = window.event.x+document.body.scrollLeft+10
} else { // for Navigator
storage[0] = e.pageY+12
storage[1] = e.pageX+12
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE) // Defines what events to capture for Navigator
}
if (isIE || isNav) { // initiates the script
initTrail()
document.onmousemove = processEvent // start capturing
}
//--&gt;
&lt;/script&gt;
&lt;!-- www.ArabsMag.com --&gt;</TEXTAREA></FONT></A>

وبامكانك تغيير صوره بوضع عنوانها في هذا المكان من الكود

var path = "mouse.gif" // عنوان صوره السهم

[القناص العربي]

<A name=source><FONT face=Tahoma size=2><TEXTAREA cols=35 name=txt rows=7 wrap=VIRTUAL>&lt;script
language="JavaScript"&gt;&lt;!--

function click() {
if (event.button==2) {
alert('ضع رسالتك هنا');
}
}
document.onmousedown=click
// --&gt;
// --&gt;&lt;/script&gt;&lt;!-- القناص العربي --&gt; </TEXTAREA></FONT></A>

[القناص العربي]

<A name=source><FONT face=Tahoma size=2><TEXTAREA cols=35 name=txt rows=7 wrap=VIRTUAL>&lt;script LANGUAGE="JavaScript"&gt;
document.onmousedown=click
var times=0
var times2=10
function click() {
if ((event.button==2) || (event.button==3)) {
if (times&gt;=1) { bye() }
alert("تــحــذيــر!! لا تضغط الزر الايمن للفاره مرة أخرى");
times++ } }
function bye() {
alert("انا حذرتك بس انت ما تسمع الكلام!؟");
bye() }
&lt;/script&gt;</TEXTAREA></FONT></A>

[القناص العربي]

<A name=source><FONT face=Tahoma size=2><TEXTAREA cols=35 name=txt rows=7 wrap=VIRTUAL>&lt;style&gt;
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
&lt;/style&gt;
&lt;script&gt;

/*
ArabsMag
www.ArabsMag.com
*/

var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="ArabsMag.com "
message=message.split("")

var xpos=new Array()
for (i=0;i&lt;=message.length-1;i++) {
xpos[i]=-50
}

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

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 &amp;&amp; document.all) {
for (i=message.length-1; i&gt;=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i&lt;message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 &amp;&amp; document.layers) {
for (i=message.length-1; i&gt;=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i&lt;message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}

&lt;/script&gt;

&lt;script&gt;
&lt;!-- Beginning of JavaScript -

for (i=0;i&lt;=message.length-1;i++) {
document.write("&lt;span id='span"+i+"' class='spanstyle'&gt;")
document.write(message[i])
document.write("&lt;/span&gt;")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - --&gt;
&lt;/script&gt;

&lt;body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"&gt;
</TEXTAREA></FONT></A>