Avatar billede casm_ Nybegynder
31. januar 2002 - 14:26 Der er 7 kommentarer og
1 løsning

horisontal scroll...

jeg skal bruge en horisontal scroller, med lidt easing på, den skal minde lidt om denne her...

http://66.70.72.50/forum/fla/nav/menuf5/index.html

det skal bare ikke være flash, det ender som regl ud i at jeg taber håret...der behøver heller ikke være det der starterlir på. bare den kan scrolle horisontalt med lidt easing... hvis der også er en "slider" der kan styre den samtidig, er der extra bonus ;)

Avatar billede pejsestuen Nybegynder
31. januar 2002 - 14:42 #1
Du skal lave en tabel der er bredere end din skærmopløsning.
dvs.
<HTML>
<HEAD>
<TITLE> New Document </TITLE>

</HEAD>

<BODY>
<table width="1500"><tr><td>Indhold</td></tr></table>
</BODY>
</HTML>
Avatar billede casm_ Nybegynder
31. januar 2002 - 14:46 #2
læste du mit spørgsmål ? ;-(
Avatar billede pelkjaer Nybegynder
31. januar 2002 - 22:31 #3
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#content {
  position: absolute;
  top: 4px;
  left: 1px
}
a:link { 
  text-decoration: none
}
a:visited {  text-decoration: none}
-->
</style>
<script language="JavaScript">
<!--
function MM_findObj(n, d) {
  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 P7AniMagic(el, x, y, a, b, c, s) { //v2.5 PVII
var g,elo=el,f="",m=false,d="";x=parseInt(x);y=parseInt(y);
var t = 'g.p7Magic = setTimeout("P7AniMagic(\''+elo+'\',';
if ((g=MM_findObj(el))!=null) {d=(document.layers)?g:g.style;}else{return;}
if (parseInt(s)>0) {eval(t+x+','+y+','+a+','+b+','+c+',0)",' + s+')');return;}
var xx=(parseInt(d.left))?parseInt(d.left):0;
var yy=(parseInt(d.top))?parseInt(d.top):0;
if(parseInt(c)==1) {x+=xx;y+=yy;m=true;c=0;}
else if (c==2) {m=false;clearTimeout(g.p7Magic);}
else {var i=parseInt(a);
  if (eval(g.moved)){clearTimeout(g.p7Magic);}
  if (xx<x){xx+=i;m=true;if(xx>x){xx=x;}}
  if (xx>x){xx-=i;m=true;if(xx<x){xx=x;}}
  if (yy<y){yy+=i;m=true;if(yy>y){yy=y;}}
  if (yy>y){yy-=i;m=true;if(yy<y){yy=y;}}}
if (m) {if((navigator.appName=="Netscape") && parseInt(navigator.appVersion)>4){
    xx+="px";yy+="px";}
  d.left=xx;d.top=yy;g.moved=true;eval(t+x+','+y+','+a+','+b+','+c+',0)",'+b+')');
  }else {g.moved=false;}
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<div id="container" style="position:absolute; left:150px; top:50px; width:300px; height:50px; z-index:1; clip: rect(0px 300px 50px 0px); overflow: hidden; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px solid #000000">
  <div id="content">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/transparent.gif" width="450" height="1"></td>
      </tr>
      <tr>
        <td> test test test test test test test test test test test test test test test test test test <br>
          test test test test test test test test test test test test test test test test test test
        </td>
      </tr>
    </table>
  </div>
</div>
<div id="navbar" style="position:absolute; left:150px; top:150px; width:100px; z-index:3; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px solid #000000">
  <table width="100" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><a href="java script:;" onMouseOver="P7AniMagic('content',1,4,5,30,0,0)" onMouseOut="P7AniMagic('content',0,0,1,1,2,0)"> &nbsp;venstre</a></td>
      <td>
        <div align="right"><a href="java script:;" onMouseOver="P7AniMagic('content',-150,4,5,30,0,0)" onMouseOut="P7AniMagic('content',0,0,1,1,2,0)">h&oslash;jre &nbsp;</a></div>
      </td>
    </tr>
  </table>
</div>
</body>
</html>
Avatar billede pelkjaer Nybegynder
31. januar 2002 - 23:17 #4
Easyingen kan godt være et problem at lave, men resten er intet problem - selv "startliren (scroll ind ved onload)" er nemt nok.

Jeg har lavet lidt det samme på peterelkjaer.dk
Avatar billede casm_ Nybegynder
01. februar 2002 - 02:12 #5
¨den er cool nok den der ... men det jeg søger er en der kan styres af knapper... jeg har fire menupunkter, og meningen er er den så skal glide fre til næste, eller tilbage til forforige, alt efter hvilken knap man pusher...
Avatar billede pelkjaer Nybegynder
01. februar 2002 - 09:36 #6
Sådan?

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#content {
  position: absolute;
  top: 4px;
  left: 1px
}
a:link { 
  text-decoration: none
}
a:visited { 
  text-decoration: none
}
-->
</style>
<script language="JavaScript">
<!--
function MM_findObj(n, d) {
  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 P7AniMagic(el, x, y, a, b, c, s) {
var g,elo=el,f="",m=false,d="";x=parseInt(x);y=parseInt(y);
var t = 'g.p7Magic = setTimeout("P7AniMagic(\''+elo+'\',';
if ((g=MM_findObj(el))!=null) {d=(document.layers)?g:g.style;}else{return;}
if (parseInt(s)>0) {eval(t+x+','+y+','+a+','+b+','+c+',0)",' + s+')');return;}
var xx=(parseInt(d.left))?parseInt(d.left):0;
var yy=(parseInt(d.top))?parseInt(d.top):0;
if(parseInt(c)==1) {x+=xx;y+=yy;m=true;c=0;}
else if (c==2) {m=false;clearTimeout(g.p7Magic);}
else {var i=parseInt(a);
  if (eval(g.moved)){clearTimeout(g.p7Magic);}
  if (xx<x){xx+=i;m=true;if(xx>x){xx=x;}}
  if (xx>x){xx-=i;m=true;if(xx<x){xx=x;}}
  if (yy<y){yy+=i;m=true;if(yy>y){yy=y;}}
  if (yy>y){yy-=i;m=true;if(yy<y){yy=y;}}}
if (m) {if((navigator.appName=="Netscape") && parseInt(navigator.appVersion)>4){
    xx+="px";yy+="px";}
  d.left=xx;d.top=yy;g.moved=true;eval(t+x+','+y+','+a+','+b+','+c+',0)",'+b+')');
  }else {g.moved=false;}
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<div id="container" style="position:absolute; left:150px; top:50px; width:300px; height:50px; z-index:1; clip: rect(0px 300px 50px 0px); overflow: hidden; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px solid #000000; visibility: visible">
  <div id="content" style="left: 3px; top: 4px; visibility: visible">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/transparent.gif" width="650" height="1"></td>
      </tr>
      <tr>
        <td>test test test test test test test test test test test test test
            test test test test test test test test test test test test test<br>
            test test test test test test test test test test test test test
            test test test test test test test test test test test test test
      </td>
      </tr>
    </table>
  </div>
</div>
<div id="navbar" style="position:absolute; left:149px; top:150px; width:200px; z-index:3; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px solid #000000; visibility: visible">
  <table width="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td>
        <div align="center"><a href="java script:;" onClick="P7AniMagic('content',-75,4,7,30,0,0)">1</a></div>
      </td>
      <td>
        <div align="center"><a href="java script:;" onClick="P7AniMagic('content',-150,4,7,30,0,0)">2</a></div>
      </td>
      <td>
        <div align="center"><a href="java script:;" onClick="P7AniMagic('content',-225,4,7,30,0,0)">3</a></div>
      </td>
      <td>
        <div align="center"><a href="java script:;" onClick="P7AniMagic('content',-300,4,7,30,0,0)">4</a></div>
      </td>
    </tr>
  </table>
</div>
</body>
</html>
Avatar billede casm_ Nybegynder
01. februar 2002 - 11:00 #7
du er min nye bedsteven ......mange tak for hjælpen, danamarks programmører styrer.....jeg har været veden rundt siden igår klokke 14.00, og ingen andre en d dig har kunne gi mig svar, tak tak tak...
Avatar billede pelkjaer Nybegynder
01. februar 2002 - 11:32 #8
:)
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