Avatar billede boris Mester
19. oktober 2002 - 21:50 Der er 3 kommentarer og
1 løsning

Hjemmelavet musemarkør

Er der nogen, der har et godt forslag til hvordan man på en brugervenlig måde kan lave sin egen musemarkør og få den vist hos dem, der besøger siden, uden at de skal gøre noget for at se den. Dvs at i stedet for timeglas, streger og pile kunne det f.eks. være en tegning af en smilende transistor.
Det er selve musemarkøren der skal udskiftes, ikke noget med flyvende lag på siden.
Kun point til et positivt og brugervenligt svar - hvis det findes. Ikke til svar om at opgaven er umulig. (Selvom den måske er det)
Avatar billede callesen Praktikant
19. oktober 2002 - 22:47 #1
Enten skal du have et 'billedprogram', der kan lave en cusor-fil (ext: cur)så sætter du et style i body i stil med:
<body style=" cursor : url("first.cur"), url("second.cur"), pointer;">
der kalder curserfilen.
Dette virker kun i IE5+ til windows - så vidt jeg husker.

En mere 'hjemmelavet' af slagsen, som du ikke er interesseret i, men måske andre, er fx denne:

<HEAD>
<script>
function move() {
document.all.chaser.style.pixelLeft = event.clientX;
document.all.chaser.style.pixelTop = event.clientY;
}
</script>
</HEAD>
<body onMouseMove="move();" STYLE="cursor: crosshair;">
<div style="position:relative;left:-90px;top:-90px;margin:0px;" id="chaser">
<IMG style="position:relative;left:-30px;top:-30px;margin:0px;" SRC="hjemmelavet_markør.gif" BORDER="0" WIDTH="40" HEIGHT="40">
</DIV>
</BODY>
Ideen er at man laver et billede der kan passe med en af de gængse musemarkører - i eksemplet har jeg valgt crosshair, de andre muligheder er: default auto pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help). Dette billede følger så musemarkøren i en <div />
Billedet skal så flyttes passende med top- og left-værdier i div og img tagget.
Avatar billede callesen Praktikant
19. oktober 2002 - 23:12 #2
Et shareware-program til at lave cur-filer kan hentes på:
http://www.aha-soft.com/download.htm
programmet hedder ArtCursors
Avatar billede boris Mester
19. oktober 2002 - 23:13 #3
Tak for hjælpen!
Avatar billede callesen Praktikant
19. oktober 2002 - 23:24 #4
Tak for point. Hvis du ikke vil have din hjemmelavede cursor til at ændre sig til 'pointer' skal du også style <a>-tagget fx i <head>:
<STYLE TYPE="text/css">
body ,a
{
cursor : url("din.cur");
}
</STYLE>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester