18. november 2001 - 20:07
Der er
4 kommentarer og 1 løsning
Horisontal scroll
Jeg har set på en side en gang, et script der fungerede på den måde at når man klikkede på en pil til venstre flyttede indholde sig mod højre til næste artikel, og omvendt. Er der noen der kender til dette script ? /cdc
Annonceindlæg fra Cognizant
18. november 2001 - 20:34
#1
<html> <head> <script type=\"text/javascript\"> 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=1 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.left=MoveArealeft;this.right=MoveArearight; 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.left=this.y } function MoveArearight(move){ if(this.y>-this.scrollHeight+objContainer.clipHeight){ this.MoveArea(0,this.y-move) if(loop) setTimeout(this.obj+\".right(\"+move+\")\",speed) } } function MoveArealeft(move){ if(this.y<0){ this.MoveArea(0,this.y-move) if(loop) setTimeout(this.obj+\".left(\"+move+\")\",speed) } } function PerformScroll(speed){ if(initialised){ loop=true; if(speed>0) objScroller.right(speed) else objScroller.left(speed) } } function CeaseScroll(){ loop=false if(timer) clearTimeout(timer) } var initialised; function InitialiseScrollableArea(){ objContainer=new ConstructObject(\'divContainer\') objScroller=new ConstructObject(\'divContentimg\',\'divContainer\') objScroller.MoveArea(0,0) objContainer.css.visibility=\'visible\' initialised=true; } onload=InitialiseScrollableArea; </script> </HEAD> <BODY > <div id=\"divleftControl\" style=\"position:absolute; top: 202; left: 70\"> <a href=\"java script:;\" onmouseover=\"PerformScroll(-12); self.status=\'Scroll left\';return true\" onmouseout=\"CeaseScroll(); self.status=\'\';return true\">scroll left</a> </div><div id=\"divrightControl\" style=\"position:absolute; top: 202; left: 150\"> <a href=\"java script:;\" onmouseover=\"PerformScroll(12); self.status=\'Scroll right\';return true\" onmouseout=\"CeaseScroll(); self.status=\'\';return true\">scroll right</a></div> <div id=\"divContainer\" style=\"position:absolute; clip:rect(0,300,310,0); visibility:hidden\"> <div id=\"divContentimg\" style=\"position:absolute\"> hfghfdhdfyhdfhdfhdfhdfhdfhdfhdfh gfhdfyhdfhdfhdfhdfyhdfhdfgutyujikuiolfjdt <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> </div> </BODY> </HTML>
18. november 2001 - 22:53
#2
jeg kigger på den ordinary, og vender tilbage... /cdc
19. november 2001 - 23:40
#3
Undskyld, jeg vil ikke blande mig, men er meget intereseret i hvordan scriptet fungerer, og hvordan det hele fungerer i praksis. Er det muligt at få en kommentar :)
20. november 2001 - 08:17
#4
du skal nok få en kommentar når jeg har testet det færdig rit, men du behøver ikke at svare så jeg afviser lige dit svar , men skal nok give svar her inde så du kan se det i praksis. /cdc
01. december 2001 - 14:35
#5
tak for points
Vi tilbyder markedets bedste kurser inden for webudvikling