Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



Julemandens kane følger markøren

Sat på siden 23-10-2003

Seks rener trækker julemanden og hans kane rundt på hjemmesiden. Scriptet er let at sætte på hjemmesiden, og derudover behøver du blot tre billeder, som du kan finde på her.

Højreklik på billederne og gem dem:

Rensdyr Tœjler Julemanden og hans kane 

Du kan se et eksempel her: http://www.tips-og-tricks.com/eksempler/jul.html

Dette script skal indsættes i <body>

<!-- Start på julemandens kane script -->
<div id="span0" style="position:absolute;visibility:hidden;"><img src="elch.gif" alt=""></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="elch.gif" alt=""></div>
<div id="span2" style="position:absolute;visibility:hidden;"><img src="elch.gif" alt=""></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="elch.gif" alt=""></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="elch.gif" alt=""></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="elch.gif" alt=""></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="zuegel.gif" alt=""></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="santaclaus.gif" alt=""></div>
<div id="span8" style="position:absolute;visibility:hidden;"> </div>
<script type="text/javascript" src="christmas.js"></script>
<!-- Slut på julemandens kane script -->

Dette script skal indsættes i notesblok og gemmes under navnet "christmas.js".

// CREDITS:
// Christmas Cursor Tracker
// by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 11/15/2000
// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a link to http://www.24fun.com/fast/index.html on the webpage
// where this script will be running.
// CONFIGURATION:
// Visit http://www.24fun.com/fast/index.html and download the script as ZIP-file which contains
// all picures as well as copy-and-paste instructions for easy installation.
var step=8
var stepbasic=8
var numberofimages=8
var spacebetweenimgs=32
var x,y
var flag=0
var xpos=new Array()
for(i=0;i<=8;i++) {
 xpos[i]=-100
}
var ypos=new Array()
for(i=0;i<=numberofimages;i++) {
 ypos[i]=-100
}
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 initiatetracker() {
 if (document.all) {
  for (i=0; i<numberofimages; i++) {
      var thisspan=eval("span"+(i)+".style")
   thisspan.posLeft=xpos[i]
   thisspan.posTop=ypos[i]
      thisspan.visibility="visible"
     }
  makesnake()
 }
 if (document.layers) {
  for (i=0; i<numberofimages; i++) {
      var thisspan=eval("document.span"+i)
   thisspan.left=xpos[i]
   thisspan.top=ypos[i]
   thisspan.visibility="visible"
  }
     makesnake()
 }
}
function makesnake() {
 if (flag==1 && document.all) {
     for (i=numberofimages; i>=1; i--) {
      xpos[i]=xpos[i-1]+spacebetweenimgs
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+stepbasic
  ypos[0]=y
 
  for (i=0; i<numberofimages; i++) {
      var thisspan = eval("span"+(i)+".style")
      thisspan.posLeft=xpos[i]
   thisspan.posTop=ypos[i]
     }
 }
 
 else if (flag==1 && document.layers) {
     for (i=numberofimages; i>=1; i--) {
      xpos[i]=xpos[i-1]+spacebetweenimgs
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+stepbasic
  ypos[0]=y
 
  for (i=0; i<numberofimages; i++) {
      var thisspan = eval("document.span"+i)
      thisspan.left=xpos[i]
   thisspan.top=ypos[i]
     }
 }
  var timer=setTimeout("makesnake()",30)
}
if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
window.onload=initiatetracker

Alle tre billeder, hjemmesiden og christmas.js skal uploades til serveren.

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|