et eksempel der skal redigeres lidt efter ønske, bemærk at OP/NED skal ændres til pile, men princippet er det samme
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_timelinePlay(tmLnName, myID) { //v1.2
//Copyright 1997 Macromedia, Inc. All rights reserved.
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
tmLn = document.MM_Time[tmLnName];
if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
if (myID == tmLn.ID) { //if Im newest
setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
fNew = ++tmLn.curFrame;
for (i=0; i<tmLn.length; i++) {
sprite = tmLn[i];
if (sprite.charAt(0) == 's') {
if (sprite.obj) {
numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
keyFrm=1;
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr != props.length) {
if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
} else {
while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
else sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
} } } } }
} else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
if (fNew > tmLn.lastFrame) tmLn.ID = 0;
} }
}
function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0
//Copyright 1997 Macromedia, Inc. All rights reserved.
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
tmLn = document.MM_Time[tmLnName];
if (numGotos != null)
if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
jmpFwd = (fNew > tmLn.curFrame);
for (i = 0; i < tmLn.length; i++) {
sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
if (sprite.charAt(0) == "s") {
numKeyFr = sprite.keyFrames.length;
firstKeyFr = sprite.keyFrames[0];
lastKeyFr = sprite.keyFrames[numKeyFr - 1];
if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
if (sprite.obj != null) {
if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
else sprite.obj[props.prop2][props.prop] = props[propNum];
} }
} else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
}
tmLn.curFrame = fNew;
if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
}
function MM_timelineStop(tmLnName) { //v1.2
//Copyright 1997 Macromedia, Inc. All rights reserved.
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
if (tmLnName == null) //stop all
for (var i=0; i<document.MM_Time.length; i++) document.MM_Time[i].ID = null;
else document.MM_Time[tmLnName].ID = null; //stop one
}
function MM_initTimelines() { //v4.0
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
var ns = navigator.appName == "Netscape";
var ns4 = (ns && parseInt(navigator.appVersion) == 4);
var ns5 = (ns && parseInt(navigator.appVersion) > 4);
document.MM_Time = new Array(2);
document.MM_Time[0] = new Array(1);
document.MM_Time["rul2"] = document.MM_Time[0];
document.MM_Time[0].MM_Name = "rul2";
document.MM_Time[0].fps = 15;
document.MM_Time[0][0] = new String("sprite");
document.MM_Time[0][0].slot = 1;
if (ns4)
document.MM_Time[0][0].obj = document["scrlayer"] ? document["scrlayer"].document["rulletekst"] : document["rulletekst"];
else if (ns5)
document.MM_Time[0][0].obj = document.getElementById("rulletekst");
else
document.MM_Time[0][0].obj = document.all ? document.all["rulletekst"] : null;
document.MM_Time[0][0].keyFrames = new Array(1, 60);
document.MM_Time[0][0].values = new Array(2);
if (ns5)
document.MM_Time[0][0].values[0] = new Array("50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "51px", "52px", "52px", "52px", "52px", "52px", "52px", "52px", "52px", "52px", "52px", "52px", "52px", "52px", "52px", "52px");
else
document.MM_Time[0][0].values[0] = new Array(50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,51,52,52,52,52,52,52,52,52,52,52,52,52,52,52,52);
document.MM_Time[0][0].values[0].prop = "left";
if (ns5)
document.MM_Time[0][0].values[1] = new Array("0px", "3px", "7px", "10px", "14px", "17px", "20px", "24px", "27px", "31px", "34px", "37px", "41px", "44px", "47px", "51px", "54px", "58px", "61px", "64px", "68px", "71px", "75px", "78px", "81px", "85px", "88px", "92px", "95px", "98px", "102px", "105px", "108px", "112px", "115px", "119px", "122px", "125px", "129px", "132px", "136px", "139px", "142px", "146px", "149px", "153px", "156px", "159px", "163px", "166px", "169px", "173px", "176px", "180px", "183px", "186px", "190px", "193px", "197px", "200px");
else
document.MM_Time[0][0].values[1] = new Array(0,3,7,10,14,17,20,24,27,31,34,37,41,44,47,51,54,58,61,64,68,71,75,78,81,85,88,92,95,98,102,105,108,112,115,119,122,125,129,132,136,139,142,146,149,153,156,159,163,166,169,173,176,180,183,186,190,193,197,200);
document.MM_Time[0][0].values[1].prop = "top";
if (!ns4) {
document.MM_Time[0][0].values[0].prop2 = "style";
document.MM_Time[0][0].values[1].prop2 = "style";
}
document.MM_Time[0].lastFrame = 60;
document.MM_Time[1] = new Array(1);
document.MM_Time["rul1"] = document.MM_Time[1];
document.MM_Time[1].MM_Name = "rul1";
document.MM_Time[1].fps = 15;
document.MM_Time[1][0] = new String("sprite");
document.MM_Time[1][0].slot = 1;
if (ns4)
document.MM_Time[1][0].obj = document["scrlayer"] ? document["scrlayer"].document["rulletekst"] : document["rulletekst"];
else if (ns5)
document.MM_Time[1][0].obj = document.getElementById("rulletekst");
else
document.MM_Time[1][0].obj = document.all ? document.all["rulletekst"] : null;
document.MM_Time[1][0].keyFrames = new Array(1, 60);
document.MM_Time[1][0].values = new Array(2);
if (ns5)
document.MM_Time[1][0].values[0] = new Array("50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px", "50px");
else
document.MM_Time[1][0].values[0] = new Array(50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50);
document.MM_Time[1][0].values[0].prop = "left";
if (ns5)
document.MM_Time[1][0].values[1] = new Array("0px", "-7px", "-14px", "-20px", "-27px", "-34px", "-41px", "-47px", "-54px", "-61px", "-68px", "-75px", "-81px", "-88px", "-95px", "-102px", "-108px", "-115px", "-122px", "-129px", "-136px", "-142px", "-149px", "-156px", "-163px", "-169px", "-176px", "-183px", "-190px", "-197px", "-203px", "-210px", "-217px", "-224px", "-231px", "-237px", "-244px", "-251px", "-258px", "-264px", "-271px", "-278px", "-285px", "-292px", "-298px", "-305px", "-312px", "-319px", "-325px", "-332px", "-339px", "-346px", "-353px", "-359px", "-366px", "-373px", "-380px", "-386px", "-393px", "-400px");
else
document.MM_Time[1][0].values[1] = new Array(0,-7,-14,-20,-27,-34,-41,-47,-54,-61,-68,-75,-81,-88,-95,-102,-108,-115,-122,-129,-136,-142,-149,-156,-163,-169,-176,-183,-190,-197,-203,-210,-217,-224,-231,-237,-244,-251,-258,-264,-271,-278,-285,-292,-298,-305,-312,-319,-325,-332,-339,-346,-353,-359,-366,-373,-380,-386,-393,-400);
document.MM_Time[1][0].values[1].prop = "top";
if (!ns4) {
document.MM_Time[1][0].values[0].prop2 = "style";
document.MM_Time[1][0].values[1].prop2 = "style";
}
document.MM_Time[1].lastFrame = 60;
for (i=0; i<document.MM_Time.length; i++) {
document.MM_Time[i].ID = null;
document.MM_Time[i].curFrame = 0;
document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="scrlayer" style="position:absolute; width:250px; height:200px; z-index:1; visibility: visible; overflow: hidden">
<div id="rulletekst" style="position:absolute; width:200px; height:400px; z-index:1; left: 50px; top: 0px; visibility: visible">bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div>
<p><a href="#" onMouseOver="MM_timelinePlay('rul2');MM_timelineGoto('rul2','1')" onMouseOut="MM_timelineStop('rul2')">OP</a></p>
<p><a href="#" onMouseOver="MM_timelinePlay('rul1');MM_timelineGoto('rul1','1')" onMouseOut="MM_timelineStop('rul1')">NED</a></p>
</div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
