Персональный сайт - "Оформление курсора"

Суббота, 18.01.2025, 04:55
Приветствую Вас Гость | RSS

Главная | "Оформление курсора" | Регистрация | Вход

Меню сайта

Наш опрос

Форма входа

Календарь новостей

Поиск

Друзья сайта

JavaScript

Курсор картинкой

<html>
<head>
<title>Курсор картинкой</title>
<script language="JavaScript">
var Netscape=(navigator.appName.indexOf("Netscape") != -1);
function Move(e) {
if (!document.getElementById) return;
obj=document.getElementById("mouse");
if (Netscape)
    event=e;
if (event.pageX) { // Netscape...
    xpointer=event.pageX;
    ypointer=event.pageY;
}
else if (event.x) { // Internet Explorer...
    xpointer=event.x;
ypointer=event.y;
}
obj.style.left=xpointer - 55;
obj.style.top=ypointer - 55;
}
function Setup() {
if (!document.getElementById) return;
if (Netscape)
    document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=Move;
}
</script>
</head>
<body onLoad="Setup();" style="cursor:crosshair">
<div ID="mouse" style="position:absolute; left:50; top:50;">
<img src="../img/mause.gif" width="50" height="50" alt="" border="0">
</div>
</body>
</html>

Троящийся при движении курсор

<html>
<head>
<title>Троящийся при движении курсор</title>
</head>
<body>
<script language="Javascript1.2">
<!--
var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";
var queue = new Array();
var NUM_OF_TRAIL_PARTS = 5
for (x=1; x < 6; x++) {
eval("trailSpriteFrame" + x + " = new Image(28,36);");
eval("trailSpriteFrame" + x + ".src = '../img/maus.gif';");
}
function trailSpriteObj(anID) {
this.trailSpriteID = "trailSprite" + anID;
this.imgRef = "trailSprite" + anID + "img";
this.currentFrame = 1;
this.animateTrailSprite = animateTrailSprite;
}
function animateTrailSprite() {
if (this.currentFrame <6 ) {
if (isNS) {eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");}
else {eval("document['" + this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src"); }
this.currentFrame ++;
}
else {eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility = "hidden"');
}
}
function processAnim() {
       for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
       queue[x].animateTrailSprite();
}
function processMouse(e) {
       currentObj = shuffleQueue();
       if (isNS) {eval("document." + currentObj + ".left = e.pageX ;");
       eval("document." + currentObj + ".top = e.pageY;");
} else {eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft;");
       eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop;");
}
}
function shuffleQueue() {
lastItemPos = queue.length - 1;
lastItem = queue[lastItemPos];
for (i = lastItemPos; i>0; i--)
queue[i] = queue[i-1];
queue[0] = lastItem;
queue[0].currentFrame = 1;
eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility = "visible"');
return queue[0].trailSpriteID;
}

function init() {
for(x=0; x<NUM_OF_TRAIL_PARTS; x++)
queue[x] = new trailSpriteObj(x+1) ;
if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = processMouse;
setInterval("processAnim();",25);
}
window.onload = init;
//-->
</script>
<div id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100"><img src="../img/maus.gif" border="0" name="trailSprite1img"></div>
<div id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite2img"></div>
<div id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite3img"></div>
<div id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite4img"></div>
<div id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite5img"></div>
</body>
</html>

След за курсором

<html>
<head>
<title>След за курсором.</title>
</head>
<body>
<div id="trailSprite1" style="height: 28px; POSITION: absolute; width: 36px; z-index: 100"><img border="0" height="28" name="trailSprite1img" src="../img/blank.gif" width="36"></div>
<div id="trailSprite2" style="height: 28px; POSITION: absolute; width: 26px; z-index: 10"><img border="0" height="28" name="trailSprite2img" src="../img/blank.gif" width="36"></div>
<div id="trailSprite3" style="height: 28px; POSITION: absolute; width: 36px; z-index: 10"><img border="0" height="28" name="trailSprite3img" src="../img/blank.gif" width="36"></div>
<div id="trailSprite4" style="height: 28px; POSITION: absolute; width: 36px; z-index: 10"><img border="0" height=28 name="trailSprite4img" src="../img/blank.gif" width="36"></div>
<div id="trailSprite5" style="height: 28px; POSITION: absolute; width: 36px; z-index: 10"><img border="0" height="28" name="trailSprite5img" src="../img/blank.gif" width="36"></div>
<script language="Javascript1.2">
var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";
var queue = new Array();
var NUM_OF_TRAIL_PARTS = 5
for (x=1; x < 6; x++) {
eval("trailSpriteFrame" + x + " = new Image(28,36);");
eval("trailSpriteFrame" + x + ".src = '../img/jpg" + x + ".gif';");
}
function trailSpriteObj(anID) {
this.trailSpriteID = "trailSprite" + anID;
this.imgRef = "trailSprite" + anID + "img";
this.currentFrame = 1;
this.animateTrailSprite = animateTrailSprite;
}
function animateTrailSprite() {
if (this.currentFrame <6 ) {
if (isNS) {
eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");
} else {
eval("document['" + this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");
}
this.currentFrame ++;
} else {
eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility = "hidden"');
}
}
function processAnim() {
for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
queue[x].animateTrailSprite();
}
function processMouse(e) {
currentObj = shuffleQueue();
if (isNS) {
eval("document." + currentObj + ".left = e.pageX - 10 ;");
eval("document." + currentObj + ".top = e.pageY + 10;");
} else {
eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft - 10 ;");
eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop + 10;");
}
}
function shuffleQueue() {
lastItemPos = queue.length - 1;
lastItem = queue[lastItemPos];
for (i = lastItemPos; i>0; i--)
queue[i] = queue[i-1];
queue[0] = lastItem;
queue[0].currentFrame = 1;
eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility = "visible"');
return queue[0].trailSpriteID;
}
function init() {
for(x=0; x<NUM_OF_TRAIL_PARTS; x++)
queue[x] = new trailSpriteObj(x+1) ;
if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = processMouse;
setInterval("processAnim();",5);
}
window.onload = init;
</script>
</body>
</html>

Поблескивающие около курсора оконьки при его движении.

<html>
<head>
<title>Поблескивающие около курсора оконьки при его движении.</title>
<STYLE type=text/css>
.s1 {FONT-SIZE: 10pt; VISIBILITY: hidden; COLOR: blue; POSITION: absolute}
.s2 { FONT-SIZE: 18pt; VISIBILITY: hidden; COLOR: red; POSITION: absolute}
.s3 { FONT-SIZE: 14pt; VISIBILITY: hidden; COLOR: gold; POSITION: absolute}
.s4 { FONT-SIZE: 12pt; VISIBILITY: hidden; COLOR: lime; POSITION: absolute}
</STYLE>
</head>
<body>
<DIV class=s1 id=div1>*</DIV>
<DIV class=s2 id=div2>*</DIV>
<DIV class=s3 id=div3>*</DIV>
<DIV class=s4 id=div4>*</DIV>
<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 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>
</html>

Шары летают вокруг курсора то удаляясь, то приближаясь.

<html>
<head>
<title>Шары летают вокруг курсора то удаляясь, то приближаясь.</title>
<style type=text/css>
#a0 {z-index: 2000; left: -24px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a1 {z-index: 2000; left: 96px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a2 {z-index: 2000; left: 216px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a3 {z-index: 2000; left: 338px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a4 {z-index: 2000; left: 460px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a5 {z-index: 2000; left: 640px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a6 {z-index: 2000; left: -24px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a7 {z-index: 2000; left: 200px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a8 {z-index: 2000; left: 300px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); position: absolute; TOP: -24px; height: 25px}
#a9 {z-index: 2000; left: 600px; width: 9px; clip: rect(0px 9px 9px 0px); position: absolute; top: -24px; height: 25px}
</style>
</head>
<body onload=startthedots()>
<script language=JavaScript>
<!--
window.onerror=null;
netscape = (document.layers) ? 1:0;
goodIE = (document.all) ? 1:0;
document.onmousemove=MoveHandler;
var gotthere = 0;
var count = 0;
var ietopcorner=''
var ieleftcorner=''

    toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );
temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 );
    leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 );
templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );
difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
questtop = -13;
questleft2 = -96;
if (netscape) {
   document.body=new Object()
   document.body.scrollTop=''
   document.body.scrollLeft=''
   window.captureEvents(Event.MOUSEMOVE);
   window.onMouseMove = MoveHandler;
   var layerstart = "document.";
   var layerleft = ".left";
   var layertop = ".top";
   var layerstyle = "";
   var windowWidth = window.innerWidth;
   var windowHeight = window.innerHeight; }
else if (goodIE) {
   ietopcorner=document.body.scrollTop
   ieleftcorner=document.body.scrollLeft
   layerstart = "document.all.";
   layerleft = ".left";
   layertop = ".top";
   layerstyle = ".style";
   windowWidth=600;
   windowHeight=400; }
// end error trapping
   var Ypos2 = 72;
   var Xpos2 = 72;
function MoveHandler(e) {
if (netscape || goodIE) {
Xpos2 = (netscape)?e.pageX:event.x
Ypos2 = (netscape)?e.pageY:event.y
Xorigin = Xpos2;
Yorigin = Ypos2;
if (Ypos2 > windowHeight/2) {
if (Xpos2 > windowWidth/2) { direction = 1;}
else { direction = -1;} }
else {
if (Xpos2 > windowWidth/2) { direction = -1;}
else { direction = 1;} }
}}

function startthedots() {
if (goodIE) {
windowWidth=document.body.clientWidth;
windowHeight=document.body.clientHeight; }
Xorigin = 204;
Yorigin = 147;
spin();run(); }

var OrbitSize = 200;
count=1; delay=100; direction = -1;
Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
var speed = -0.06;
var offset = 1;

function spin() {
for ( j = 0 ; j <= 9 ; j++ ) {
Count[j] = Count[j] + (speed*direction);
Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset));
Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])); }
setTimeout('spin()',3); }

function run() {
count++;
for ( j = 0 ; j <= 9 ; j++ ) {
difftop[j] = Ypoint[j] - temptoplocation[j];
diffleft[j] = Xpoint[j] - templeftlocation[j];
diff = 30;
temptoplocation[j] = temptoplocation[j] + difftop[j]/diff;
templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;
eval(layerstart+"a"+j+layerstyle+layerleft+" = document.body.scrollLeft+templeftlocation["+j+"]");
eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"); }
setTimeout('run()', 25) }

badIE = 0;
browserName = navigator.appName.substring(0,8);
browserVer = parseFloat(navigator.appVersion);
macintosh = navigator.userAgent.indexOf("Mac");
if (browserName == "Microsof") {
if (macintosh != -1) { badIE = 1; }
if (browserVer < 4) { badIE = 1; }
}
-->
</script>
<DIV id=a0 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a1 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a2 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a3 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a4 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a5 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a6 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a7 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a8 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
<DIV id=a9 align=center><IMG height=9 src="../img/bullet.gif" width=9></DIV>
</body>
</html>

Глаза, бегающие за мышкой

<html>
<head>
<title>Глаза, бегающие за мышкой</title>
<script language="JavaScript" type="text/javascript">
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 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);
}

При движении курсора меняются картинки в определенном зараене страници

<html>
<head>
<title>При движении курсора меняются картинки в определенном зараене страници.</title>
</head>
<body>
<div id="trailSprite1" style="height: 28px; pozition: absolute; width: 36px; z-index: 100"><img border="0" height="28" name="trailSprite1img" src="../img/blank.gif" width="36"></div>
<div id="trailSprite2" style="height: 28px; pozition: absolute; width: 26px; z-index: 10"><img border="0" height="28" name="trailSprite2img" src="../img/blank.gif" width="36"></div>
<div id="trailSprite3" style="height: 28px; pozition: absolute; width: 36px; z-index: 10"><img border="0" height="28" name="trailSprite3img" src="../img/blank.gif" width="36"></div>
<div id="trailSprite4" style="height: 28px; pozition: absolute; width: 36px; z-index: 10"><img border="0" height=28 name="trailSprite4img" src="../img/blank.gif" width="36"></div>
<div id="trailSprite5" style="height: 28px; pozition: absolute; width: 36px; z-index: 10"><img border="0" height="28" name="trailSprite5img" src="../img/blank.gif" width="36"></div>
<script language="Javascript1.2">
var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";
var queue = new Array();
var NUM_OF_TRAIL_PARTS = 5
for (x=1; x < 6; x++) {
eval("trailSpriteFrame" + x + " = new Image(28,36);");
eval("trailSpriteFrame" + x + ".src = '../img/jpg" + x + ".gif';");
}
function trailSpriteObj(anID) {
this.trailSpriteID = "trailSprite" + anID;
this.imgRef = "trailSprite" + anID + "img";
this.currentFrame = 1;
this.animateTrailSprite = animateTrailSprite;
}
function animateTrailSprite() {
if (this.currentFrame <6 ) {
if (isNS) {
eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");
} else {
eval("document['" + this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");
}
this.currentFrame ++;
} else {
eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility = "hidden"');
}
}
function processAnim() {
for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
queue[x].animateTrailSprite();
}
function processMouse(e) {
currentObj = shuffleQueue();
if (isNS) {
eval("document." + currentObj + ".left = e.pageX - 10 ;");
eval("document." + currentObj + ".top = e.pageY + 10;");
} else {
eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft - 10 ;");
eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop + 10;");
}
}
function shuffleQueue() {
lastItemPos = queue.length - 1;
lastItem = queue[lastItemPos];
for (i = lastItemPos; i>0; i--)
queue[i] = queue[i-1];
queue[0] = lastItem;
queue[0].currentFrame = 1;
eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility = "visible"');
return queue[0].trailSpriteID;
}
function init() {
for(x=0; x<NUM_OF_TRAIL_PARTS; x++)
queue[x] = new trailSpriteObj(x+1) ;
if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = processMouse;
setInterval("processAnim();",5);
}
window.onload = init;
</script>
</body>
</html>

Конструктор сайтов - uCoz