JavaScript: Ett runt hål - www.JavaScript.nu

Till Startsidan

ETT RUNT HÅL

Detta script fungerar med NN4, NN6, IE4, IE5, IE6 och Opera 5.

För att scriptet ska fungera på din sida MÅSTE du spara ner dessa bilder till den katalog som sidan med scriptet ska finnas i. Under bilden ser du vad bilden ska sparas som. Förutom detta behöver du inte göra något mer. Det är bara att kopiera och klistra scriptet till din hemsida.


svarthal.gif	osynlig.gif

Detta sätter du direkt efter din BODY-tagg (direkt efter <BODY>):

<DIV ID="svart" STYLE="position:absolute; top:0; left:0;">
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
	<TD BGCOLOR="black" WIDTH="1200" HEIGHT="600"><IMG SRC="osynlig.gif" WIDTH="1" HEIGHT="600"></TD>
	<TD BGCOLOR="black" WIDTH="100" HEIGHT="600"><IMG SRC="osynlig.gif" WIDTH="1" HEIGHT="600"></TD>
	<TD BGCOLOR="black" WIDTH="1200" HEIGHT="600"><IMG SRC="osynlig.gif" WIDTH="1" HEIGHT="600"></TD>
</TR>
<TR>
	<TD BGCOLOR="black" WIDTH="1200" HEIGHT="100"><IMG SRC="osynlig.gif" WIDTH="1200" HEIGHT="1"></TD>
	<TD WIDTH="100" HEIGHT="100"><A HREF="javascript:visa()"><IMG SRC="svarthal.gif" WIDTH="100" HEIGHT="100" BORDER="0"></A></TD>
	<TD BGCOLOR="black" WIDTH="1200" HEIGHT="100"><IMG SRC="osynlig.gif" WIDTH="1200" HEIGHT="1"></TD>
</TR>
<TR>
	<TD BGCOLOR="black" WIDTH="1200" HEIGHT="600"><IMG SRC="osynlig.gif" WIDTH="1" HEIGHT="600"></TD>
	<TD BGCOLOR="black" WIDTH="100" HEIGHT="600"><IMG SRC="osynlig.gif" WIDTH="1" HEIGHT="600"></TD>
	<TD BGCOLOR="black" WIDTH="1200" HEIGHT="600"><IMG SRC="osynlig.gif" WIDTH="1" HEIGHT="600"></TD>
</TR>
</TABLE>
</DIV>

<SCRIPT LANGUAGE="javascript">
<!--This is one of many scripts which are available at:     *---
//--http://www.JavaScript.nu/javascript                     *---
//--This script is FREE, but you MUST let these lines       *---
//--remain if you use this script.                          *---

//***---Ändra inte detta om du inte vet vad det gör: Här bestämmer du vad lagret ska heta.
lagerNamn="svart"

if (document.all || document.getElementById)	//Explorer 4,5 & Netscape 6 
{
	document.onmousemove = musen_flyttar;	//musen_flyttar anropas då musen flyttas
}
else if (document.layers)			//Netscape 4
{
	window.captureEvents(Event.MOUSEMOVE);
	window.onMouseMove = musen_flyttar;	//musen_flyttar anropas då musen flyttas
}

function visa()					//Tar bort lagret
{
	if (document.all)			//Explorer 4,5
	{
		document.all[lagerNamn].style.visibility="hidden";
	}
	else if (document.layers)		//Netscape 4 
	{
		document.layers[lagerNamn].visibility="hidden";
	}
	else if (document.getElementById)	//Netscape 6
	{
		document.getElementById(lagerNamn).style.visibility="hidden";
	}
}

var Xmusposition, Ymusposition;			//Variabler som innehåller musens position

function musen_flyttar(ev)			//Lagrar vart musen finns
{
	if (navigator.userAgent.indexOf("Opera") != -1)
	{
		Xmusposition = ev.x;
		Ymusposition = ev.y;
	}
	else if (document.all)			//Explorer 4,5
	{
		Xmusposition = window.event.x;
		Ymusposition = window.event.y;
	}
	else if (document.layers || document.getElementById)		//Netscape 4,6
	{
		Xmusposition = ev.pageX;
		Ymusposition = ev.pageY;
	}
	flytta_lager(lagerNamn,Xmusposition-1200-50,Ymusposition-600-50);	//Lagrets övre vänstra kant ska inte finnas där musen finns,
									//hålet ska finnas där. Vi tar bort 1200 i X-led och 600 i Y-led
									//för tabellens sidorutor och 50 till för halva bildens storlek
}

function flytta_lager(lagernamn,x,y)			//Flyttar lagret
{
	if (navigator.userAgent.indexOf("Opera") != -1)
	{
		document.all[lagernamn].style.left = x;	
		document.all[lagernamn].style.top = y;
	}
	else if (document.all)				//Explorer 4,5
	{
		document.all[lagernamn].style.left = x+document.body.scrollLeft;	
		document.all[lagernamn].style.top = y+document.body.scrollTop;
	}
	else if (document.layers)			//Netscape 4 
	{
		document.layers[lagernamn].left = x;
		document.layers[lagernamn].top = y;
	}
	else if (document.getElementById)	//Netscape 6
	{
		document.getElementById(lagernamn).style.left = x;	
		document.getElementById(lagernamn).style.top = y;
	}
}
//-->
</SCRIPT>

Om du inte vet hur du ska spara JavaScriptet till din hemsida, tryck då här.

Copyright © Omid Rouhani 1997-2022; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]