Avatar billede litop5 Nybegynder
01. juli 2003 - 09:06 Der er 5 kommentarer og
1 løsning

Rulle reklame

Hej jeg sidder lige og er ved at forsøge på at lave en hjemmeside. Jeg kunne godt tænke mig at vide hvordan man laver en sådan reklmae ude i siden der ruller med vinduet ned og op. Min ide er at jeg vil bruge den til menu, så jeg skal kunne skrive i den, er det muligt?
Som svar vil jeg helst have koden, da jeg ikke rigtig har så meget tid, så jeg kan nu at sætte mig ind i det!
Avatar billede Slettet bruger
01. juli 2003 - 09:27 #1
Hejsa.

Er sikker på at jeg faldt over sådan en på: www.24fun.com for noget tid siden.
Brug menuen i toppen, og du vil finde det du leder efter.
Avatar billede ztyxx Nybegynder
01. juli 2003 - 09:33 #2
dreamweaver har det som et ekstra plugin, en masse kode..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/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_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function flevGetDivProperty() { // v1.0
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl)
    this.opera = (window.opera); this.ns4 = (document.layers); this.ie = (document.all);
    this.ns6 = (document.getElementById && !document.all && !this.opera);
    var sV = "", sD = arguments[0], oD = MM_findObj(sD), sP = arguments[1]; if (oD == null) {return 0;}
    var sF = (sD.indexOf("?") > 0) ? sD.substring(sD.indexOf("?")+1) : "";
    if ((sF != "") && (this.ie)) {sD = "parent.frames['" + sF + "']." + sD.substring(0,sD.indexOf("?"));}
    if ((sP == "left") || (sP == "top")) {
        if (!this.ns4) {oD = oD.style;} sV = eval("oD." + sP);
        if ((this.ie) && (sV == "")) { // IE (on PC) bug with nested layers
            if (sP == "top") { sV = eval(sD + ".offsetTop");}
            else { sV = eval(sD + ".offsetLeft");}}}
    else {if (this.opera) {oD = oD.style;
            if (sP == "height") { sV = oD.pixelHeight;}
            else if (sP == "width") { sV = oD.pixelWidth;}}
        else if (this.ns4) {sV = eval("oD.clip." + sP);}
        else if (this.ns6) {sV = document.defaultView.getComputedStyle(oD, "").getPropertyValue(sP);}
        else if (this.ie) {
            if (sP == "width") {sV = eval(sD + ".offsetWidth");}
            else if (sP == "height") {sV = eval(sD + ".offsetHeight");}}}
    sV = (sV == "") ? 0 : sV; if (isNaN(sV)) {if (sV.indexOf('px') > 0) { sV = sV.substring(0,sV.indexOf('px'));}}
    return parseInt(sV);
}

function flevPersistentLayer() { // v3.4
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl/dreamweaver/)
    var sD = arguments[0], oD = eval("MM_findObj('" + sD + "')"), iWW, iWH, iSX, iSY, iT = 10, sS = "";
    if (!document.layers) {oD = oD.style;} if (oD.tmpTimeout != null) {clearTimeout(oD.tmpTimeout);}
    var sXL = arguments[1], sXC = arguments[2], sXR = arguments[3], sYT = arguments[4], sYC = arguments[5], sYB = arguments[6];
    var iS = (arguments.length > 7) ? parseInt(arguments[7]) : 0, iPx = (arguments.length > 8) ? parseInt(arguments[8]) : 0;
    if (window.innerWidth) {var oW = window; iWW = oW.innerWidth; iWH = oW.innerHeight; iSX = oW.pageXOffset; iSY = oW.pageYOffset;}
    else if (document.documentElement && document.documentElement.clientWidth) {
        var oDE = document.documentElement; iWW = oDE.clientWidth; iWH = oDE.clientHeight; iSX = oDE.scrollLeft; iSY = oDE.scrollTop;}
    else if (document.body) {var oDB = document.body; iWW = oDB.clientWidth; iWH = oDB.clientHeight; iSX = oDB.scrollLeft; iSY = oDB.scrollTop;}
    else {return;}
    var iCX = iNX = flevGetDivProperty(sD, 'left'), iCY = iNY = flevGetDivProperty(sD, 'top');
    if (sXL != "") {iNX = iSX + parseInt(sXL);}
    else if (sXC != "") {iNX = Math.round(iSX + (iWW/2) - (flevGetDivProperty(sD, 'width')/2));}
    else if (sXR != "") {iNX = iSX + iWW - (flevGetDivProperty(sD, 'width') + parseInt(sXR));}
    if (sYT != "") {iNY = iSY + parseInt(sYT);}
    else if (sYC != "") {iNY = Math.round(iSY + (iWH/2) - (flevGetDivProperty(sD, 'height')/2));}
    else if (sYB != "") {iNY = iSY + (iWH - flevGetDivProperty(sD, 'height') - parseInt(sYB));}
    if ((iCX != iNX) || (iCY != iNY)) {if (iS > 0) {
            if (iPx > 0) {iT = iS;
                var iPxX = iPx, iPxY = iPx, iMX = Math.abs(iCX - iNX), iMY = Math.abs(iCY - iNY);
                // take care of diagonal movement
                if (iMX < iMY) {iPxY = (iMX != 0) ? ((iMY/iMX)*iPx) : iPx;}
                else {iPxX = (iMY != 0) ? ((iMX/iMY)*iPx) : iPx;}
                if (iPxX >= iMX) {iPxX = Math.min(Math.ceil(iPxX), iPx);}
                if (iPxY >= iMY) {iPxY = Math.min(Math.ceil(iPxY), iPx);}
                // temporary X/Y coordinates
                if ((iCX < iNX) && (iCX + iPxX < iNX)) {iNX = iCX + iPxX;}
                if ((iCX > iNX) && (iCX - iPxX > iNX)) {iNX = iCX - iPxX;}
                if ((iCY < iNY) && (iCY + iPxY < iNY)) {iNY = iCY + iPxY;}
                if ((iCY > iNY) && (iCY - iPxY > iNY)) {iNY = iCY - iPxY;} }
            else {var iMX = ((iNX - iCX) / iS), iMY = ((iNY - iCY) / iS);
                iMX = (iMX > 0) ? Math.ceil(iMX) : Math.floor(iMX); iNX = iCX + iMX;
                iMY = (iMY > 0) ? Math.ceil(iMY) : Math.floor(iMY); iNY = iCY + iMY; } }
        if ((parseInt(navigator.appVersion)>4 || navigator.userAgent.indexOf("MSIE")>-1) && (!window.opera)) {sS="px";}
        if (iMX != 0) {eval("oD.left = '" + iNX + sS + "'");} if (iMY != 0) {eval("oD.top = '" + iNY + sS + "'");}}
    var sF = "flevPersistentLayer('" + sD + "','" + sXL + "','" + sXC + "','" + sXR + "','" + sYT + "','" + sYC + "','" + sYB + "'," + iS + "," + iPx + ")"; oD.tmpTimeout = setTimeout(sF,iT);
}

function flevStartPersistentLayer() { // v3.4
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl/dreamweaver/)
    if (arguments.length < 8) {return;}    var sD = arguments[0]; if (sD == "") {return;}
    var    oD = eval("MM_findObj('" + sD + "')"); if (!oD) {return;} var iCSS = parseInt(arguments[1]);
    var sXL = arguments[2], sXC = arguments[3], sXR = arguments[4], sYT = arguments[5], sYC = arguments[6], sYB = arguments[7];
    var iS = (arguments.length > 8) ? parseInt(arguments[8]) : 0, iPx = (arguments.length > 9) ? parseInt(arguments[9]) : 0;
    if (iCSS != 0) { if (!document.layers) {oD = oD.style;} sXL = parseInt(oD.left), sYT = parseInt(oD.top);}
    var sF = "flevPersistentLayer('" + sD + "','" + sXL + "','" + sXC + "','" + sXR + "','" + sYT + "','" + sYC + "','" + sYB + "'," + iS + "," + iPx + ")";
    eval(sF);
}
//-->
</script>
</head>

<body onLoad="flevStartPersistentLayer('Layer1',0,'10','','','10','','')">
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #99CCCC; layer-background-color: #99CCCC; border: 1px none #000000;"><font color="#CC0000" size="4" face="Verdana, Arial, Helvetica, sans-serif">bla
  bla</font> </div>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>


</body>
</html>
Avatar billede litop5 Nybegynder
01. juli 2003 - 10:13 #3
Det var lige det svar jeg søgte efter... hehe men nu kunne jeg godt tænke mig at vide hvordan jeg giver dig pointene?
Avatar billede ztyxx Nybegynder
01. juli 2003 - 10:20 #4
ved at jeg lægger et svar :-)
Avatar billede litop5 Nybegynder
01. juli 2003 - 10:59 #5
arh... -tak... hvordan får man egentlig boksen ud til ventre?
Avatar billede ztyxx Nybegynder
01. juli 2003 - 16:42 #6
ved hjælp af css positionering kan du bestemme boksens placering.
takker for point
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester