Avatar billede sita Nybegynder
09. november 2000 - 15:46 Der er 2 kommentarer og
2 løsninger

følg musen

Er der nogen der har et lille simpelt Java-(script) der får \"noget\" til at følge efter musen.
Helst med forsinkelse, således at det ikke bare er et billede der klæber til musen.
Avatar billede Keld Nielsen Professor
09. november 2000 - 15:55 #1
Avatar billede Kengun Praktikant
08. december 2000 - 12:46 #2

<!-- THREE STEPS TO INSTALL MOUSE BANNER:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY tag your HTML document
  3.  Put the final code inside the BODY of your HTML page  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<style>.spanstyle {
    COLOR: white; 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 = \"JavaScript is so cool !! \";
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>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY tag od your HTML document  -->

<body bgcolor=\"#000080\" text=\"#000000\" onload=\"makesnake()\"
style=\"OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%\">

<!-- STEP THREE: Put the final code inside the BODY of your HTML document  -->

<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 Size:  2.08 KB -->
Avatar billede sita Nybegynder
08. december 2000 - 12:58 #3
Jeg havde eentligt fået det til at virke ved at benytte det link fotografgav, men kengun\'s svar er også meget pædagogisk.
Avatar billede sita Nybegynder
11. december 2000 - 11:23 #4
Her er til jer!
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