Javascript

JavaScript

onmouseover image | redirect | animering | frigöra ramsida från andras ramar | frigöra vanlig sida från andras ramar | tillbaka | visa sidan i ramar |

onmouseover image

Klistra in följande mellan <head> och </head>

<script type="text/javascript">
/****************************************************
* DOM Image rollover:
* by Chris Poole
* http://chrispoole.com
* Script featured on http://www.dynamicdrive.com
* Keep this notice intact to use it :-)
****************************************************/
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>

och föjande på den plats i <body> där du har bilderna

<a href="index.htm"><img src="forsta2.gif" hsrc="forsta1.gif" border="0" width="119" height="47"></a>
<a href="test.htm"><img src="andra2.gif" hsrc="andra1.gif" border="0" width="119" height="47"></a><br>
<a href="#"><img src="tredje2.gif" hsrc="tredje.gif" border="0" width="119" height="47"></a>

redirect (om några sekunder byts sidan ut....)

Klistra in följande mellan <head> och </head>

<SCRIPT LANGUAGE="JavaScript">  </script>

och byt ut index2.htm mot den fil som du vill att sidan ska gå till

Klistra in följande mellan <head> och </head>

<script language="JavaScript">
//Mask the DOM
if(document.layers){
pre = 'document.';
post = '';
}
if(document.getElementById){
pre = 'document.getElementById("';
post = '").style';
}
if(document.all){
pre = 'document.all.';
post = '.style';
}
//Arrays

var xPos = new Array(481,480,479,476,471,465,460,455,452,448,445,441,438,433,428,423,419,414,409,405,400,397,394,392,389,386,384,382,380,379,378,377,376,376,375,375,375,375,375,375,375,376,378,379,381,383,385,387,389,392,394,395,396,397,398,400,401,403,405,407,409,412,413,414,415,417,422,427,441,457,471,477,482,485,489,493,496,498,501,504,508,510,513,516,519,521,524,526,527,528,529,529,531,531,532,532,533,534,535,535,535,534,533,533,531,529,527,526,523,521,518,515,512,507,503,498,493,488,484,481,476,472,467,463,459,453,437,423,417,415,413,409,405,399,395,391,389,386,385,383,382,380,380,380,380,380,380,381,382,384,386,389,391,394,397,399,403,408,414,420,426,440,445,449,453,458,462,466,469,473,477,481,484,486,488,490,492,494,496,497,498,498,498,498,498,497,496,495,494,493,490,485,479,474,470,465,451,446,442,438,433,419,415,413,413,413,413,414,415,417,419,423,428,434,437,439,441,444,448,452,456,460,463,465,466,466,464,463,461,459,457,456,454,450,447,443,442,441,441,441,442,443,443,446,448,450,453,456,458,461,464,466,467,467,467,466,465,462,461,460,459,458,457,456,456,456,457,458,458,459,460,461,462,464,466,468,469,471,472,473,473,472,470,469,468,467,465,461,457,453,450,446,443,440,438,437,436,435,435,435,435,435,435,435,435,435,435,436,437,440,443,445,447,448,449,450,452,453,455,456,457,458,458,458,458,457,456,454,451,449,446,444,442,439,438,437,437,436,436,435,434,432,431,430,430,429,428,427,426,425,424,423,419,413,407,393,379,365,345,315,283,253,223,199,177,163,160,159,157,154,151,150,149,146,44,186,192,197,201,204,205,206,206,207,207,208,208,209,209,209,209,210,112,114,116,118,120,122,124,126,127,128,129,130,130,130,131,132,133,133,134,135,136,136,136,136,136,137,138,139,140,141,141,141,141,141,141,140,140,139,138,138,137,136,134,132,129,128,127,128,129,129,130);
var yPos = new Array(340,340,339,338,335,333,331,329,327,325,323,321,318,314,310,305,300,295,290,285,281,276,272,268,263,258,253,248,244,241,237,234,231,228,225,222,219,215,210,207,203,201,199,196,194,190,187,185,182,179,177,176,175,175,174,174,173,173,173,173,172,172,172,172,172,172,172,172,172,172,172,172,172,173,174,175,176,178,179,182,184,187,190,194,198,202,206,209,213,216,220,224,228,233,238,243,247,251,254,258,261,264,268,272,276,279,282,285,288,291,294,296,299,302,304,305,307,308,309,309,310,310,310,310,310,310,310,310,310,309,308,308,306,304,302,301,298,294,289,284,278,272,267,263,258,253,247,242,236,222,216,202,198,194,191,189,186,183,180,178,176,174,173,173,173,175,177,179,182,186,190,194,197,200,204,207,212,217,223,228,232,236,239,242,246,250,254,256,256,256,256,256,257,257,257,258,258,259,258,257,254,251,248,245,242,240,236,232,229,225,222,217,212,208,206,205,205,205,207,209,212,214,217,220,223,225,227,228,230,232,234,235,235,235,234,232,229,226,222,218,214,211,208,205,204,203,203,203,203,206,208,212,216,220,222,224,225,225,226,226,226,225,221,216,213,210,209,208,207,206,205,205,205,205,206,206,208,210,212,215,217,220,222,223,224,224,224,224,224,224,222,220,217,214,211,209,207,206,205,203,201,198,197,196,195,193,192,192,191,190,189,189,189,189,189,189,190,191,193,196,199,202,205,206,207,207,207,207,207,207,205,204,203,202,201,199,198,197,196,194,192,189,188,188,187,187,187,187,187,187,187,187,187,188,188,188,188,187,184,181,177,173,171,170,168,167,167,167,167,168,169,169,169,169,178,87,101,107,111,114,116,117,118,118,119,119,120,121,122,123,124,124,73,77,80,83,86,89,92,94,97,99,100,100,101,102,103,103,105,106,106,107,107,106,105,104,103,103,102,102,102,102,101,100,99,98,97,96,95,92,90,88,86,83,81,78,76,74,73,73,73,74,74,194,74,79,83,87,90,92,95,100,102,104,105,105,105,105,105,102,100,98,97,96,96,96,94,94,94,93,93,93,92,92,92,92,91);
//Counters
var currentX = 0;
var currentY = 0;
function animate(){
//Return at end of arrays
if(currentX>xPos.length-1){
currentX = 0;
currentY=0;
return;
}
//flytta hälsning
eval(pre + 'halsning' + post).left = parseInt(xPos[currentX]);
eval(pre + 'halsning' + post).top = parseInt(yPos[currentY]);
currentX++;
currentY++;
setTimeout('animate()',10);
}
</script>

(arrayerna ovan kan du ändra så att bilden far runt som du önskar)

och följande längst ner i bodyn:

<div id="halsning" style="position: absolute; top: 0; left: 0; width: 32px; height: 64px;">
<img border="0" src="knapp/bm7c.gif" width="315" height="166"></div>

ändra till den bild du använder

Frigöra ramsida från andras ramar

<script language="JavaScript">

</script>

Frigöra vanlig sida från andras ramar

<script language="JavaScript" type="text/javascript">

</script>

<a href="javascript:history.go(-1);">Tillbaka</a>

Visa sidan i ramar

<script>
//Visa alltid sidan i ramsidan
//om sidan inte har ram
if (parent.frames.length==0)
//ändra "index.htm" till filnamnet på din förstasida
window.location.replace("index.htm")
</script>