NinetNet    JAVASCRIPT    Fantasiulla Finesser    Script

   skriv ut    



Mus-Svans - text

Låt muspekaren följas av en smidig textsnutt. Du kan självklart byta ut texten i exemplet!

Scriptet fungerar utmärkt i: Internet Explorer och Opera.
Scriptet fungerar inte i: Netscape och Mozilla.

Exempel - öppnas i eget fönster.


Följ de tre enkla stegen nedan för att installera scriptet.


Steg 1


Lägg följande kod mellan <head> och </head> :



<!-- MUSTEXTKOD START -->

<style>
.spanstyle
{
position:absolute;
visibility:visible;
top:-50px;
font-size:10px;
font-family:Verdana;
font-weight:bold;
color:#990000;
}
</style>

<script>

// CREDITS:
// TextSnake by Peter Gehrig
// Copyright (c) 1999 Peter Gehrig. 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
// 10/26/1999

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a link to http://www.24fun.com on the webpage
// where this script will be running.


var x,y
var step=20
var flag=0

// Ditt textmeddelande. OBS! Det SKA vara ett blanksteg i slutet!!!
var message="LOVE ROCKS! "
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()",30)
}

</script>

<!-- MUSTEXTKOD SLUT -->

•  Markera och kopiera texten i rutan ovan. Klistra sedan in den på din sida.
•  De värden i scriptet som är lätta att ändra är skrivna med rött med förklaring i grönt.
•  Vill du ändra utseendet på texten görs det i stilmallen överst i koden - markerat med rött!




Steg 2


Lägg följande kod (utan radbrytning):
OnLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll" i själva taggen <body>.

Så här:



<body OnLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

•  Det går förstås bra att samtidigt ha andra attribut i body-taggen!




Steg 3


Lägg följande kod var som helst mellan <body> och </body>.


<script>
<!-- Beginning of JavaScript -

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 of JavaScript - -->
</script>

•  Markera och kopiera texten i rutan ovan. Klistra sedan in den på din sida.



Det här scriptet är skrivet av Peter Gehrig.
Om du vill använda scriptet MÅSTE du låta copyright-noteringen stå kvar!
Besök hans sida 24fun.com - där finns en massa script!




  Tillbaka