المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : مكتبة أكواد الجافا سكريبت

**wave**
23-05-2003, 10:20
بعض السكريبتات الخاصة Status Bar


رابط التحميل (http://www.geocities.com/wwwave2000/javaScripts.zip)
*][_JIMMY_][*
09-01-2005, 02:21
أكواد الجافا سكريبت (java Script) الخاصه بلماوس



الاكواد خاصة بلماوس

جميع الأكواد تضع بين

<body>

<body/>




=========================================


نص يدور حول مؤشر الماوس


قم بنسخ الكود ثم ضع الجملة التي تريدها
ولو حبيت ان تغير نوع الخط والون الجملة




<SCRIPT language=JavaScript>
<!-- Begin
if (document.all) {

//Things you can alter

// الجملة
yourLogo = "ضع الجملة هنا ";
logoFont = "IMPACT"; // اسم الخط
logoColor = "blue"; // اسم اللون


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





=========================================




نص يتبع الماوس


قم بنسخ الكود ثم ضع الجملة التي تريدها



<style>.spanstyle {
COLOR: orange; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var x, y;
var step = 10;
var flag = 0;

var message = "ضع الجملة هنا مع ترك مافة واحده فى الآخر "; //


message = message.split("");
var xpos = new Array();
for (i = 0; i <= message.length - 1; i++) {
xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i <= 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 && document.all) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("span" + (i) + ".style");
thisspan.posLeft = xpos[i];
thisspan.posTop = ypos[i];
}
}
else if (flag==1 && document.layers) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("document.span" + i);
thisspan.left = xpos[i];
thisspan.top = ypos[i];
}
}
var timer = setTimeout("makesnake()", 10);
}
// End -->
</script>

<body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// End -->
</script>


< script-mouse2.htm >



=========================================


كلمة أو جملة داخل مستطيل يتبع الماوس ( الفأرة )

قم بنسخ الكود وضع الجملة التي تريدها


<SCRIPT language="JavaScript1.2">
<!--

//1) set message to display

var scroller_msg='ضع جملتك هنا'

//2) set whether message should auto disappear after x seconds (0=perpetual).
//Note that double clicking page will also dismiss message
var dismissafter=0
var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid #008000;font-size:14px; background-color:#B3AD4D;color: #FFFF00 ; font-family: Tahoma; font-size: 12px;visibility:hidden">'+scroller_msg+'</marquee>')

function followcursor(){
//move cursor function for IE

if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}

curscroll.style.left=document.body.scrollLeft+even t.clientX+10
curscroll.style.top=document.body.scrollTop+event. clientY+10
}

function dismissmessage(){
curscroll.style.visibility="hidden"
}


if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
//-->
</SCRIPT>



=========================================
*][_JIMMY_][*
09-01-2005, 02:29
أكواد الجافا سكريبت (java Script) الخاصه بلماوس



الاكواد خاصة بلماوس

جميع الأكواد تضع بين

<body>

<body/>




=========================================


منع من أستخدام الزر الأيمن للماوس


قم بنسخ الكود وغير رسالة التحذير


<script language="JavaScript">
<!--
function click(){
if (event.button==2)
// الجملة عندا الضغط كليك يمين على الماوس
alert('اسف لايوجد كليك يمين');
}
document.onmousedown=click
// -->
</script>



=========================================


التحذير عند ضغط الزر الأيمن للماوس ثم تجميدها عند الضغطة الثانية



قم بنسخ الكود وضع الجمل التحذير الذي تيردها




<script LANGUAGE="JavaScript">
document.onmousedown=click
var times=0
function click() {
if ((event.button==2) || (event.button==3)) {
if (times>=1){ bye() }
// الجملة عندا الضغط كليك يمين على الماوس
alert("تــحــذيــر!! لاتنقر على زر الماوس الأيمن مرة أخرى");
times++ } }
function bye() {
// الجملة عندا تجميدها للصفحة
alert("أسف لقد تجمدت الصفحة");
bye() }
</script>


تحذير: لو ضغط مرتين بلماوس سوف تتجمد الصفحة ولن تتمكن من اغلاقها
إلى بعمل رستارت للجهاز او اقفال الصفحة من Ctrl + Alt + Del



=========================================


تحذير واعتذار عندا اقتراب مؤشر الماوس من جملة معينه


قم بنسخ الكود وغير الجمل التحذير إلي الجمل يالي تريدها
وضع اميلك وعنوان الرساله


<a onMouseover="

// رسائل التحذير

alert('ألم احذرك؟');
alert('انت لا تستمع الى النصيحه');
alert('ومن اجل ان تستمع الى نصيحتي مستقبلا لا بد ان تعتذر؟');
alert('وان لم تفعل ذلك ربما ازعل منك');

document.bgColor='black'; // لتغير لون الخلفية بعد ضهور رسائل التحذير
document.fgColor='Red'; // لتغير لون الخط بعد ضهور رسائل التحذير

// ضع اميلك وعنوان الرساله

window.location.href='mailto:اميلك?subject=عنوان الرسالة';"">
<font color="#FF0000">
تحذير</font>
لا تضع مؤشر الماوس هنا
</a> <BODY/>



=========================================



صورة تتبع حركة الماوس


انسخ الكود مثل ماهوا ثم حدد مكان واسم الصوره التى تردها مع حركة الماوس



<STYLE>
.pointerImg {
position:absolute;
visibility:visible;
top:-50px;
}
</STYLE>

<body onLoad="moveImg()" bgcolor="white">

<script language="JavaScript">
<!-- Hide from old browsers
var x,y
var xspacer = -50
var yspacer = 10
var flag=0

function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
flag=1
}

function moveImg() {

if (flag==1 && document.all) {
document.all.mouseImg.style.posLeft = x + xspacer + document.body.scrollLeft
document.all.mouseImg.style.posTop = y + yspacer + document.body.scrollTop
}

if (flag==1 && document.layers) {
document.mouseImg.left = x + xspacer
document.mouseImg.top = y + yspacer
}
var timer=setTimeout("moveImg()",10)
}
// -->
</script>



<script language="JavaScript">
<!-- Hide from old browsers
document.write("<span id='mouseImg' class='pointerImg'><img src='مكان واسم الصورة'></span>")

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// -->
</script>





=========================================




نقاط ملونه جميله تدور حول الماوس


قم بنسخ الكود مثل ماهوا


<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,2,2"></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>')
}
}

if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step = 1;
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/6;
xBase = window.document.body.offsetWidth/6;
}
else if (document.layers)
{
yBase = window.innerHeight/8;
xBase = window.innerWidth/8;
}

if (document.all)
{
for ( i = 0 ; i < starsDiv.all.length ; i++ )
{
starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200);
starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200);
}
}

else if (document.layers)
{
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
{
var templayer="a"+j
document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200);
document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200);
}
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
</script>


=========================================
*][_JIMMY_][*
09-01-2005, 02:32
أكواد الجافا سكريبت (java Script) الخاصه بلماوس



الاكواد خاصة بلماوس

جميع الأكواد تضع بين

<body>

<body/>





=========================================



تغيير مؤشر الماوس الى عدة اشكال للينك



قم بنسخ الكود وضع عناوين لللنكات وغير اسماء اللينك


<tr><td align="center" valign="middle">
<!-- contents -->
<a href="ضع عنوان الصفحة" style="cursor:crosshair"><font color="#FFFFFF">crosshair</font></a><font color="#FFFFFF">
</font>
<a href="ضع عنوان الصفحة" style="cursor:hand"><font color="#FFFFFF">hand</font></a><font color="#FFFFFF">
</font>
<a href="ضع عنوان الصفحة" style="cursor:text"><font color="#FFFFFF">text</font></a><font color="#FFFFFF">
</font>
<a href="ضع عنوان الصفحة" style="cursor:wait"><font color="#FFFFFF">wait</font></a><font color="#FFFFFF">
</font>
<a href="ضع عنوان الصفحة" style="cursor:move"><font color="#FFFFFF">move</font></a><font color="#FFFFFF">
</font>
<a href="ضع عنوان الصفحة" style="cursor:help"><font color="#FFFFFF">help</font></a><font color="#FFFFFF">
</font>



=========================================


شرارة تيتبع الماوس

قم بنسخ الكود مثل ماهو



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



=========================================
*][_JIMMY_][*
09-01-2005, 02:43
كرات تلاحق الماوس


أولاً قم بنسخ الصور التالية

الصورة 1

http://jimmy.jeeran.com/3arabawys/TRAIL1.gif



الصوره 2


http://jimmy.jeeran.com/3arabawys/TRAIL2.gif


الصوره 3

http://jimmy.jeeran.com/3arabawys/TRAIL3.gif

الصوره 4

http://jimmy.jeeran.com/3arabawys/TRAIL4.gif

الصوره 5

http://jimmy.jeeran.com/3arabawys/TRAIL5.gif

الصوره 6

http://jimmy.jeeran.com/3arabawys/TRAIL6.gif

ثم قم بنسخ الكود مثل ماهوا


<script>


B=document.all;
C=document.layers;
T1=new Array("trail1.gif",38,35,"trail2.gif",30,31,"trail3.gif",28,26,"trail4.gif",22,21,"trail5.gif",16,16,"trail6.gif",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}

function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.c lientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
</script>



http://jimmy.jeeran.com/3arabawys/script-mouse4.htm
*][_JIMMY_][*
09-01-2005, 03:32
أنت مراقب


أولاً قم بنسخ الصورتين

الصورة 1

http://jimmy.jeeran.com/3arabawys/EYEBALLS.gif


الصوره 2

http://jimmy.jeeran.com/3arabawys/EYE.gif


ثم قم بنسخ الكود مثل ماهوا وضع الصورتين أمام الصفحة




<body onLoad="if(brOK) setHandlers()" onUnload="if(brOK) {if(tid) clearTimeout(tid);}">
<SCRIPT >

var brOK=false;
var mie=false;
var ex=0;
var ey=0;
var ae;
var le;
var re;
var x0;
var y0;
var tid;
var realx;
var realy;
var loaded=false;
if(parseInt(navigator.appVersion.charAt(0))>=4)
{brOK=true;}
if(navigator.appName.indexOf("Microsoft")!=-1)
{mie=true; }
function myhandler(e)
{ex=e.pageX;
ey=e.pageY;
moveeye()
return routeEvent(e);
}

function moveeye()
{dy=ey-y0-20;
dx1=ex-x0-20;
dx2=ex-x0-60;

r=Math.sqrt(dx1*dx1+dy*dy);
if(r<20) r=20
dx1=dx1*10/r+x0+10;
dy1=dy*10/r+y0+10;

r=Math.sqrt(dx2*dx2+dy*dy);
if(r<20) r=20
dx2=dx2*10/r+x0+50;

ae.left=x0;
ae.top=y0;
le.left=dx1;
le.top=dy1;
re.left=dx2;
re.top=dy1;
}


function setHandlers()
{if(!mie) {y0=document.eyeballs.top;
x0=document.eyeballs.left;
ae=document.eyeballs;
le=document.lefteye;
re=document.righteye;
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove=myhandler;
}
else {y0=document.all.eyeballs.style.pixelTop;
x0=document.all.eyeballs.style.pixelLeft;
ae=document.all.eyeballs.style;
le=document.all.lefteye.style;
re=document.all.righteye.style;
}
realx=x0+0.1;
realy=y0+0.1;

moveall();
loaded=true;
}

function moveall()
{rx=realx+40
ry=realy+40;
rx+=(ex-rx)*0.1;
ry+=(ey-ry)*0.1;
realx=rx-40;
realy=ry-40;
x0=Math.round(realx);
y0=Math.round(realy);
moveeye();
tid=setTimeout('moveall()',100);
}

function placeeyes(x,y)
{if(brOK)
{ex=x+40;
ey=y+40;
s ='<DIV ID="dummy" STYLE="position:absolute; top:'+y+'; left:'+x+'; width:10; height:10;">&nbsp;</DIV>';
s+='<DIV ID="eyeballs" STYLE="position:absolute; top:'+y+'; left:'+x+'; width:80; height:40;" ><IMG SRC="eyeballs.gif" border=0></DIV>';
s+='<DIV ID="lefteye" STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;" ><IMG SRC="eye.gif" border=0></DIV>';
s+='<DIV ID="righteye" STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;" ><IMG SRC="eye.gif" border=0></DIV>';
document.writeln(s);
}
}
</script>
<script FOR=document Event="onmousemove()">
if((mie==true)&&(brOK)&&loaded)
{ex=document.body.scrollLeft+event.x;
ey=document.body.scrollTop+event.y;
moveeye();
}
</script>

<script>
if (document.all||document.layers)
placeeyes(200,100);
</script>



http://jimmy.jeeran.com/3arabawys/script-mouse09[1].html