Avatar billede Chewie Novice
29. januar 2008 - 09:25 Der er 9 kommentarer og
1 løsning

Vindue der scroller med

Hej Eksperter

Er der en der kan vise mig hvordan man laver et vindue der ligesom flyder oven på websitet og følger med når man scroller?

/s
29. januar 2008 - 10:35 #1
Prøv at kigge her omkring -> http://www.dynamicdrive.com/ ...
Avatar billede Chewie Novice
29. januar 2008 - 10:52 #2
fandt denne - men hvordan får jeg den til at stå stille ?

http://www.dynamicdrive.com/dynamicindex4/flyimage2.htm

----------------
<div id="point1" STYLE="position:absolute;visibility:visible;">
<!--Please delete this table and insert into your html elements-->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.dynamicdrive.com">
<img src="../ddaward.gif" width=96 height=60 alt="" border="0">
</a>
</td>
</tr>
<tr>
<td>
<center><a href="http://www.dynamicdrive.com">
<font face="Arial" size="2" color="#0000FF">Dynamic Drive</font>
</a></center>
</td>
</tr>
<tr>
<td>
<center><a href="http://www.dynamicdrive.com/new.htm">
<font face="Arial" size="2" color="#0000FF">What's New</font>
</a></center>
</td>
</tr>
</table>
<!--End of the customizable area, please do not delete div the tag -->
</div>


<script LANGUAGE="JavaScript1.2">

/*
Floating image II (up down)- Bruce Anderson (http://appletlib.tripod.com)
Submitted to Dynamicdrive.com to feature script in archive
Modified by DD for script to function in NS6
For 100's of FREE DHTML scripts, Visit http://www.dynamicdrive.com
*/

var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=60;

//Begin of the unchangable area, please do not modify this area
var YY=0; 
var ch=0;
var oh=0;
var yon=0;

var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}


function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
       
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}

}

function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}

if (ie||ns4||ns6)
window.onload=onad

</script>
-----------------
29. januar 2008 - 11:00 #3
... vil mene der burde være en på http://www.dynamicdrive.com/ ?

Eller fedte med

var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=60;

variablerne ?
Avatar billede Chewie Novice
29. januar 2008 - 11:12 #4
Det ser ikke sådan ud - jeg prøver at lege lidt med var´ne
Avatar billede Chewie Novice
29. januar 2008 - 12:44 #5
Ok det var jo rimelig nemt - tak for hjælpen

(er det muligt at få den til at flyde lidt mere - så den ikke laver sådan nogle voldsomme ryk ?)
29. januar 2008 - 12:54 #6
Jeg har ikke prøvet det selv; kendte bare stedet/trixet ...
29. januar 2008 - 12:55 #7
Ping...
(Det var et [svar]...)
Avatar billede Chewie Novice
29. januar 2008 - 13:27 #8
Pokkers har lige opdaget at det ikke funker i IE7 - venter lige med at lukke.. hvis en har et andet foreslag
Avatar billede Chewie Novice
29. januar 2008 - 14:23 #9
fandt et eks. her som virker - jeg kan bare ikke lige se hvor det ligger i koden

http://www.losefatandgainmuscle.com
07. april 2008 - 14:52 #10
(Jeg har også opdaget flere som alligevel ikke virker i IE7 - har brugt nogle trix på nogle hjemmesider fra min hånd ... ÆV)
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