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:
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.