perlunity.de | Javascript : DHTML - Layer Scroller (auto) | Die Community für Perl PHP CGI Apache MySQL und Javascript

perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE


	#!/COMMUNITY Members: 5374 davon online: 1 weitere User: 32

12.02.2012 / 10:27

Community-Member werden | Paßwort vergessen | OnlineMonitor (1)

Wer ist online ... OnlineMonitor starten !

Javascript » DHTML » Layer Scroller (auto)
zur Übersicht

Kategorie DHTML

Bezeichnung Layer Scroller (auto)

ScriptDemo Neues Fenster für Demo öffnen

Statistik 23904 Aufrufe davon 0x gestern

Keine Beschreibung vorhanden.

Javascript-Quellcode (einfach markieren, kopieren und lokal abspeichern)

<STYLE type="text/css"> #divASContainer{position:absolute; width:320; height:120; overflow:hidden; top:10; left:10; clip:rect(0,320,120,0); visibility:hidden; background-color: #FFFFFF} #divASContent{position:absolute; top:0; left:0; background-color: #FFFFFF} </STYLE> <SCRIPT language="JavaScript"> // begin absolutely positioned autoscroll area object scripts /* Extension developed by David G. Miles (www.z3roadster.net/dreamweaver) Original Scrollable Area code developed by Thomas Brattli (www.bratta.com) To add more shock to your site, visit www.DHTML Shock.com */ 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() lstart=120 loop=true speed=100 pr_step=5 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.newsScroll=newsScroll; this.moveIt=b_moveIt; this.x; this.y; this.obj = obj + "Object" eval(this.obj + "=this") return this } function b_moveIt(x,y){ this.x=x;this.y=y this.css.left=this.x this.css.top=this.y } //Makes the object scroll up function newsScroll(speed){ if(this.y>-this.scrollHeight){ this.moveIt(0,this.y-pr_step) setTimeout(this.obj+".newsScroll("+speed+")",speed) }else if(loop) { this.moveIt(0,lstart) eval(this.obj+".newsScroll("+speed+")") } } //Makes the object function InitialiseAutoScrollArea(){ objContainer=new ConstructObject('divASContainer') objContent=new ConstructObject('divASContent','divASContainer') objContent.moveIt(0,lstart) objContainer.css.visibility='visible' objContent.newsScroll(speed) } // end absolutely positioned scrollable area object scripts </SCRIPT> <BODY bgcolor="#999999" onLoad="InitialiseAutoScrollArea();">  <DIV id="divASContainer"> <DIV id="divASContent"> <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>

Kommentare zu Layer Scroller (auto)

1 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 16.02.2003 um 02:24 Uhr von Brian
Excellent script! Incredibly well made and useful. The scrolling of a full layer allows ...

Alle Kommentare anzeigen - Kommentar hinzufügen

Link: /javascript/scripts/javascript_0251_main.shtml .::. Aufrufe heute: 1 .::. Aufrufe gesamt: 16479