Cursor

cursor: url(dinCursor.cur);

eller

cursor: url(dinCursor.ani);

jeg mener dog kun det er IE6 der understøtter det :-(

Hvis du ikke vil benytte flash, men en alm. (d)html-fil kan du ikke benytte andet end windowsstandarder. Men hvis du laver en gif-fil med din egen cusor og den ikke \'tager skade af at der ligger en windowsstandard-cusor over gif-filen er dette måske en løsning.
I dette eksempel har jeg lavet en \'gif-cusor\' pil.gif på 50x50px, som falder sammen med en crosshair cusor. Den er så anbragt 25x25 (halvdelen af giffilens dimensioner) fra cusor midtpunktet. Så har jeg et script det placerer giffilen på cusorens aktuelle placering. Så har man sin egen designede cusor. Eneste begrænsninger er, at ens gif-cusor skal kunne tåle at der er en windowsstandard-cusor over og pegepunktet passer til windowsstandard-cusoren. Jeg har lavet giffilen (i eks. pil.gif) ved at lave den så fx crosshair ikke \'ses\' og pegepunktet er i centrum. Her så et helt dokument:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
    <TITLE>[egen cusor]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<div id=\"mouse\" style=\"position:absolute;visibility: visible\">
<IMG SRC=\"pil.gif\" BORDER=\"0\" WIDTH=\"50\" HEIGHT=\"50\" ALIGN=\"bottom\" ALT=\"\">         
                   
<script language=\"JavaScript\">                                           
<!--                                                                 
function mouse2()                                           
{                                           
document.all.mouse.style.left=mouseflag2-25  document.all.mouse.style.top=mouseflag3-25
}                     
function mtracer(evnt) {                                         
if (mouseflag)
{                   
if (evnt.pageX) {mouseflag2=evnt.pageX; mouseflag3=evnt.pageY;} }
else{                                           
mouseflag2=(event.clientX + document.body.scrollLeft);                    mouseflag3=(event.clientY +document.body.scrollTop);
}                                           
if (mouseflag4)eval(mouseflag4)                                           
}                     
//-->                                           
</script>                                           
<script language=\"JavaScript\">                                           
<!--
var mouseflag=window.Event?true:false; var mouseflag3 = 5; var mouseflag2 = 0; 
if (mouseflag) document.captureEvents(Event.MOUSEMOVE);                                          document.onmousemove = mtracer;                                           
mouseflag4 = \'mouse2()\';
//-->                                           
</script>
</div>
</HEAD>
<BODY STYLE=\"cursor:crosshair;\">
</BODY>
</HTML>

<cut>
Expected \';\'
mtracer is undefined
</cut>

Så prøver igen med klippe - klister:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
    <TITLE>egen cuser</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<div id=\"mouse\" style=\"position:absolute;visibility: visible\">
<IMG SRC=\"pil.gif\" BORDER=\"0\" WIDTH=\"50px\" HEIGHT=\"50px\" ALIGN=\"bottom\" ALT=\"\">
<script language=\"JavaScript\">
<!--
function mouse2()
{
document.all.mouse.style.left=mouseflag2-25;
document.all.mouse.style.top=mouseflag3-25;
}
function mtracer(evnt) {
if (mouseflag) {
if (evnt.pageX) {mouseflag2=evnt.pageX; mouseflag3=evnt.pageY;
} }
else {
mouseflag2=(event.clientX + document.body.scrollLeft);
mouseflag3=(event.clientY + document.body.scrollTop);
}
if (mouseflag4)eval(mouseflag4)
}
//-->
</script>
<script language=\"JavaScript\">
<!--
var mouseflag=window.Event?true:false;
var mouseflag3 = 5;
var mouseflag2 = 0;
if (mouseflag) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = mtracer;
mouseflag4 = \'mouse2()\';
//-->
</script>
</div>
</HEAD>
<BODY STYLE=\"cursor:crosshair;\">
</BODY>
</HTML>

Tak for hjælpen.

lerchedahl > jeg kan ikke få det til at virke, jeg har sat det i body onload.

Tak for point.
Lerchedahl>> Skal man ikke bruge specielle programmer eller en internettjeneste til at lave cur og ani-filer?

assassin >> du kan ikke få det til at virke fordi du ikke bruger IE6.0 ;-)
callesen >> du skal naturligvis lave din cursor først, og til det skal du bruge en editor. Der findes omtrent 38 milliarder shareware-programmer på nettet som kan klare den... :o)