Avatar billede sesam Nybegynder
19. juni 2001 - 21:51 Der er 12 kommentarer og
1 løsning

OnMouseOver scroll

Er der en der har et script der gør at når man holder musen over et punkt eller billede så scroller teksten nedad inde i en box?
Avatar billede nikolajdu Nybegynder
19. juni 2001 - 21:57 #1
Jeg havde den her liggende...

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\"> 
#divUpControl {position:absolute; left:10px;top:10px; width:320px;height:30px; z-index:1; text-align: right}
#divDownControl {position:absolute; left:10px; top:270px; width:320px;height:30px; z-index:1;text-align: right}
#divContainer {LEFT: 10px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH:320px; CLIP: rect(0px 320px 240px 0px); POSITION: absolute; TOP: 30px; HEIGHT: 240px}
#divContent {LEFT: 0px; POSITION: absolute; TOP: 0px}
</style>
<script language=\"JavaScript\">// begin absolutely positioned scrollable area object scripts
function verifyCompatibleBrowser(){
    this.ver=navigator.appVersion
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
    return this
}
bw=new verifyCompatibleBrowser()


var speed=50

var loop, timer

function ConstructObject(obj,nest){
    nest=(!nest) ? \'\':\'document.\'+nest+\'.\'
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\'document.\'+obj):0;
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+\'document.\'+obj):0;
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
    this.up=MoveAreaUp;this.down=MoveAreaDown;
    this.MoveArea=MoveArea; this.x; this.y;
    this.obj = obj + \"Object\"
    eval(this.obj + \"=this\")
    return this
}
function MoveArea(x,y){
    this.x=x;this.y=y
    this.css.left=this.x
    this.css.top=this.y
}

function MoveAreaDown(move){
    if(this.y>-this.scrollHeight+objContainer.clipHeight){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".down(\"+move+\")\",speed)
    }
}
function MoveAreaUp(move){
    if(this.y<0){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".up(\"+move+\")\",speed)
    }
}

function PerformScroll(speed){
    if(initialised){
        loop=true;
        if(speed>0) objScroller.down(speed)
        else objScroller.up(speed)
    }
}

function CeaseScroll(){
    loop=false
    if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
    objContainer=new ConstructObject(\'divContainer\')
    objScroller=new ConstructObject(\'divContent\',\'divContainer\')
    objScroller.MoveArea(0,0)
    objContainer.css.visibility=\'visible\'
    initialised=true;
}
// end absolutely positioned scrollable area object scripts

</script>
</head>

<body bgcolor=\"#FFFFFF\" onLoad=\"InitialiseScrollableArea();\">
<!-- begin absolutely positioned scrollable area object-->
<div id=\"divUpControl\"> <a href=\"java script:;\" onmouseover=\"PerformScroll(-7)\" onmouseout=\"CeaseScroll()\">[scroll
  up]</a> </div>
<div id=\"divDownControl\"> <a href=\"java script:;\" onmouseover=\"PerformScroll(7)\" onmouseout=\"CeaseScroll()\">[scroll
  down]</a> </div>
<div id=\"divContainer\">
  <div id=\"divContent\"> <b>Scroll Area Content Start</b>
    <p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend.
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend.
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <b>Scroll Area Content End</b> </div>
</div>
<!-- end absolutely positioned scrollable area object -->
</body>
</html>

http://www.fotx.net/nikolajdu
Avatar billede sesam Nybegynder
19. juni 2001 - 22:01 #3
Virker den både i IE Netscape
Avatar billede nikolajdu Nybegynder
19. juni 2001 - 22:02 #4
Det gør de begge.
Avatar billede nute Nybegynder
19. juni 2001 - 22:04 #5
de som jeg har referert til fungerer i NN4, IE4 og IE5

/nute
Avatar billede sesam Nybegynder
19. juni 2001 - 22:05 #6
Thank you my man
Avatar billede olebole Juniormester
19. juni 2001 - 22:08 #7
<ole>
http://www.assembler.org
http://www.ghtml.com/showoff/scrollbar/index.html
...og sidstnævnte med load af ny side:
http://www.olebole.f2s.com/scroller/
...det er nok de fedeste, jeg har set på nettet.
/mvh
</bole>
Avatar billede nikolajdu Nybegynder
19. juni 2001 - 22:10 #8
havde linket til geeet´s parat, men det er jo et billede og ikke i en box...
Avatar billede olebole Juniormester
19. juni 2001 - 22:10 #9
Hmmmm....assembler\'s er vist ikke kompatibel med NS6+, men det skulle vel være til at ordne.
Den anden er.
Avatar billede olebole Juniormester
19. juni 2001 - 22:11 #10
Nej....du skal bare se efter. Det er et billede, der ligger i et <div>. Du kan blot lægge tekst ind i stedet  :o))
/mvh
Avatar billede nikolajdu Nybegynder
19. juni 2001 - 22:12 #11
Aha. Du har simpelthen lavet en load funktion. Smukt.
Avatar billede olebole Juniormester
19. juni 2001 - 22:12 #12
nikolajdu >> Prøv lige at checke denne:
    http://www.olebole.f2s.com/scroller/
:o)
Avatar billede olebole Juniormester
19. juni 2001 - 22:13 #13
Nåja...bare svar, før jeg får skrevet...!  *ROTFL*
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