Kompatibilität: Ms Internet Explorer, Netscape Wunderbare Grafik-Effekt, eine Art von "Slide Menu", wo die Inhalte dynamisch mit einer Bewegung "slide" angezeigt oder verschwinden werden.
<!-- www.HTMLopen.de --><HTML> <HEAD><!-- Dieses HTML code wird gratis von HTMLopen zur Verfügung gestellt --><TITLE>HTMLopen - Dynamic HTML Beispiele</TITLE> <STYLE TYPE="text/css"> <!-- P {font-family:'Arial'; font-size:10pt; line-height:13pt;}#pulloutInterface {position:absolute; left:100px; top:140px; width:400px; height:240px; clip:rect(0,400,250,0); background-color:#000000; layer-background-color:#000000; visibility:visible;} #pulloutSidebar1 {position:absolute; left:5; top:5; width:100; height:30; clip:rect(0,100,30,0); background-color:#DEDEDE; layer-background-color:#DEDEDE;} #pulloutSidebar2 {position:absolute; left:5; top:40; width:100; height:30; clip:rect(0,100,30,0); background-color:#C5C5C5; layer-background-color:#C5C5C5;} #pulloutSidebar3 {position:absolute; left:5; top:75; width:100; height:30; clip:rect(0,100,30,0); background-color:#A2A2A2; layer-background-color:#A2A2A2;} #pulloutSidebar4 {position:absolute; left:5; top:110; width:100; height:30; clip:rect(0,100,30,0); background-color:#7E7E7E; layer-background-color:#7E7E7E;}#pulloutContent {position:absolute; left:110; top:5; width:285; height:240; clip:rect(0,285,240,0); background-color:#000000; layer-background-color:#000000;} #pulloutContent1 {position:absolute; left:0; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:visible;} #pulloutContent2 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#C5C5C5; layer-background-color:#C5C5C5; visibility:hidden;} #pulloutContent3 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#A2A2A2; layer-background-color:#A2A2A2; visibility:hidden;} #pulloutContent4 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#7E7E7E; layer-background-color:#7E7E7E; visibility:hidden;}//--> </STYLE> <SCRIPT LANGUAGE="JavaScript"> <!--n = (document.layers) ? 1:0 ie = (document.all) ? 1:0function init() { pulloutActive = 0 if (n) { pullout1 = document.pulloutInterface.document.pulloutContent.document.pulloutContent1 pullout2 = document.pulloutInterface.document.pulloutContent.document.pulloutContent2 pullout3 = document.pulloutInterface.document.pulloutContent.document.pulloutContent3 pullout4 = document.pulloutInterface.document.pulloutContent.document.pulloutContent4 } if (ie) { pullout1 = pulloutContent1.style pullout2 = pulloutContent2.style pullout3 = pulloutContent3.style pullout4 = pulloutContent4.style } pulloutShown = pullout1 // the layer that is currently shown pulloutShown.xpos = 0 pulloutNew = "none" // the layer that we will be shown next pulloutNew.xpos = -285 } // Pullout Function, starts the sequence function pullout(which) { if (!pulloutActive && pulloutShown != which) { pulloutActive = 1// this makes it so you can't start it again until it's finished pulloutNew = which pulloutNew.xpos = -285 pulloutLeft() } } // Slide the old layer out of view function pulloutLeft() { if (pulloutShown.xpos > -285) { pulloutShown.xpos -= 15 pulloutShown.left = pulloutShown.xpos setTimeout("pulloutLeft()",30) } else { hide(pulloutShown) show(pulloutNew) setTimeout("pulloutRight()",50) } } // Slide the new layer into view function pulloutRight() { if (pulloutNew.xpos < 0) { pulloutNew.xpos += 15 pulloutNew.left = pulloutNew.xpos setTimeout("pulloutRight()",30) } else { pulloutShown = pulloutNew pulloutActive = 0// stops the sequence } } // Show/Hide Functions function show(showobj) { if (n) showobj.visibility = "show" if (ie) showobj.visibility = "visible" } function hide(hideobj) { if (n) hideobj.visibility = "hide" if (ie) hideobj.visibility = "hidden" } //--> </SCRIPT> </HEAD> <BODY onLoad="init()"> <DIV ID="pulloutInterface"> <DIV ID="pulloutSidebar1"><P ALIGN=CENTER><A HREF="javascript:pullout(pullout1)">Primo gruppo</A></P></DIV> <DIV ID="pulloutSidebar2"><P ALIGN=CENTER><A HREF="javascript:pullout(pullout2)">Secondo gruppo</A></P></DIV> <DIV ID="pulloutSidebar3"><P ALIGN=CENTER><A HREF="javascript:pullout(pullout3)">Terzo gruppo</A></P></DIV> <DIV ID="pulloutSidebar4"><P ALIGN=CENTER><A HREF="javascript:pullout(pullout4)">Quarto gruppo</A></P></DIV> <DIV ID="pulloutContent"> <DIV ID="pulloutContent1"> <P ALIGN="CENTER"><STRONG>Primo gruppo</STRONG> <TABLE BORDER=0 WIDTH=275><tr><TD> <P>Die Ziele von WEB-SET Campus liegen darin, ihre Arbeitsabläufe zu optimieren, indem es Studenten, Mitarbeitern, Manager, Kunden eine Plattform zum problemlosen Austausch von Informationen und Wissen zur Verfügung stellt. <BR><BR> <IMG SRC="images/logo.gif" WIDTH=88 HEIGHT=30 align=center hspace=5> </TD></tr></TABLE> </P> </DIV><DIV ID="pulloutContent2"> <P ALIGN="CENTER"><STRONG>Secondo gruppo</STRONG> <TABLE BORDER=0 WIDTH=275><tr><TD> <P>Die Ziele von WEB-SET Campus liegen darin, ihre Arbeitsabläufe zu optimieren, indem es Studenten, Mitarbeitern, Manager, Kunden eine Plattform zum problemlosen Austausch von Informationen und Wissen zur Verfügung stellt. Für ein Unternehmen im KMU Bereich kann es einen finaziellen Kraftakt bedeuten, Lizenzen für technologischen Spitzenprodukte für die Mitarbeiter zu erwerben. </TD></tr></TABLE> </P> </DIV><DIV ID="pulloutContent3"> <P ALIGN="CENTER"><STRONG>Terzo gruppo</STRONG> <TABLE BORDER=0 WIDTH=275><tr><TD> <P>Die Ziele von WEB-SET Campus liegen darin, ihre Arbeitsabläufe zu optimieren, indem es Studenten, Mitarbeitern, Manager, Kunden eine Plattform zum problemlosen Austausch von Informationen und Wissen zur Verfügung stellt. Für ein Unternehmen im KMU Bereich kann es einen finaziellen Kraftakt bedeuten, Lizenzen für technologischen Spitzenprodukte für die Mitarbeiter zu erwerben. </TD></tr></TABLE> </P> </DIV> <DIV ID="pulloutContent4"> <P ALIGN="CENTER"><STRONG>Quarto gruppo</STRONG> <TABLE BORDER=0 WIDTH=275><tr><TD> <P>Die Ziele von WEB-SET Campus liegen darin, ihre Arbeitsabläufe zu optimieren, indem es Studenten, Mitarbeitern, Manager, Kunden eine Plattform zum problemlosen Austausch von Informationen und Wissen zur Verfügung stellt. Für ein Unternehmen im KMU Bereich kann es einen finaziellen Kraftakt bedeuten, Lizenzen für technologischen Spitzenprodukte für die Mitarbeiter zu erwerben. </TD></tr></TABLE> </P> </DIV> </DIV> </BODY> </html> <!-- www.HTMLopen.de -->
[File ZIP runterladen], Bilder und andere Files sind im ZIP file inbegriffen
