20. marts 2002 - 09:43Der er
20 kommentarer og 1 løsning
scroll via 2 grafiske knapper
Hejsa
Jeg skal have lavet et lille galleri, hvor jeg har lavet to grafiske elementer (scrollop.gif og scrollned.gif). Nu kan i nok tænke jer til, hvad det skal, men for en sikkerheds skyld forklarer jeg lige lidt nærmere.
Jeg har lavet en tabel der er delt op, så der er nogle små billeder på en lang række. Men i stedet for at have en lang række, ville jeg gerne lave et layer eller en iframe, hvor mine to grafiske elementer gjore scroll arbejdet. Når musen er hen over ned-knappen skal den begynde at scrolle ned, og det modsatte ved op-knappen.
Jeg har ikke så meget tjek på layers og iframes, så det er nok et komplet script jeg er på udkig efter.
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
//Default browsercheck, added to all scripts! function checkBrowser(){ 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 checkBrowser()
//The speed of the timeout between each scroll. timSpeed=30
//The height of the container (change this when it scrolls to much or to little) contHeight=300
function makeScrollObj(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.height=bw.ns4?this.css.document.height:this.el.offsetHeight this.top=b_gettop return this } //Getting the top for the top method function b_gettop(){ var gleft=(bw.ns4 || bw.ns5) ? eval(this.css.top):eval(this.css.pixelTop); return gleft; } //Variables var scrollTim; var active=0;
<link href="../style/style2.css"> </HEAD> <BODY bgcolor="White"> <div id="divControl2" style="left: 397px; top: 40px; width: 30px; height: 300px; visibility: visible"> <p align="right"><a href="#" onMouseOver="scroll(5)" onMouseOut="noScroll()"><img src="scrollop.gif" border="0" align="left"></a><br> </p> <p align="right"> </p> <p align="right"> </p> <p align="right"> </p> <p align="right"> </p> <p align="right"> </p> <p align="right"> </p> <p align="right"> </p> <p align="right"><a href="#" onMouseOver="scroll(-5)" onMouseOut="noScroll()"><img src="scroll.gif" border="0" align="left"></a> </p> </div> <div id="divCont" style="left: 40px; top: 40px; width: 350; overflow: hidden; clip: rect(0 350 450 0); height: 350" class="txt"> <div id="divScroll1" class="clScroll"> <p><b>Velkommen til Teknisk Gymnasium Grenaa. </b></p> <p>Htx (højere teknisk eksamen) er den yngste og mest moderne af de gymnasiale uddannelser. Den har en markant teknologisk og naturfaglig profil, der i kombination med fokusering på kreativt samspil og personlig udvikling giver den studerende en både almendannende, erhvervsrettet og studieforberedende ballast af den allerbedste slags. <br> Pædagogisk er uddannelsen i høj grad præget af eksperi-menter, laboratorie- og projektarbejde. </p> <table><tr><td><img src="../images/htxvelk.jpg" width=201 height=53 alt="" border="0"></td></tr></table> <p>Kombinationen af teori og praksis, teknik og erhverv samt tværfaglige aktuelle projekter er en meget vigtig del af Htx, og uden tvivl grundstenen til den succes som Htx har haft både på landsplan og lokalt. <br> Teknisk Gymnasium i Grenaa har gennem de seneste år oplevet en stor elevtilgang og har pr. 1. januar 2002 165 elever. </p> <p>Teknisk Gymnasium Grenaa har særlige kompetencer og erfaringer i anvendelse af IT fra projekt IT-College Denmark, der blev oprettet i 1996. Disse erfaringer har været så positive, at vi siden 2001 har valgt at gøre alle Htx-klasser digitale. Det kan du se, høre og læse mere om på denne Htx-hjemmeside. Du vil også få mulighed for at få et lille indblik i uddannelsens fagrække og skolemiljøet, se billeder af skolens elever og lærere, læse om muligheder efter Htx og hente informationer om studievalget. </p> <p>Hvis du skulle have spørgsmål er du også meget velkommen til at kontakte undertegnede på tlf. 87582258 <br> <a href="mailto:aps@gts.dk"><font color="#006600">(mail: aps@gts.dk )</font></a> eller studievejleder <font color="#000000">Hanne Lind</font> på tlf. 87582248<font color="#006600"> </font><a href="mailto:hanne@gts.dk"><font color="#006600">(mail: hanne@gts.dk)</font></a><font color="#006600"> </font></p> <p>Med venlig hilsen <br> Anders Peter Hanberg Sørensen <br> Afdelingschef </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p>
Ok...jeg kunne godt bruge det på skolen, og har også firewall her på arbejdet, jeg kan godt bruge det. Det er blevet forbedret og styrket på mange måder.
Ok jeg fatter ikke en bjælde. Wondergirl går på Grenaa Tekniske skole hvor der er et script hun skal bruge. Alligevel betaler hun cthun 100 smackers for det.
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.