DIENSTE

	Newsletter abonnieren
	Sag's einem Freund!
	VirtualUniversity als Startseite
	Zu den Favoriten hinzufügen
	Feedback Formular
	e-Learning für Lehrer
	Spenden
	Autoren login

KURSE SUCHEN

Kurse veröffentlichen

Suche nach Datum:

Suche mit Schlüsselwort:

Suche nach Land:

Suche nach Kategorie:



	PARTNER



ausbildung24.ch - Ausbildungsportal, Seminare, Kursen... www.ausbildung24.ch >> HTMLopen.de - Alles was ein Webmaster braucht www.HTMLopen.de >> PCopen.de - PC LAN Netze und Netzwerke - alles was ein IT Profi und Systemtechnicker braucht www.PCopen.de >>

TELEKOM

Unsichtbares Menu (oben)

Kompatibilität: Ms Internet Explorer, Netscape

Ein schöner Beispiel von Dynamisch HTML, dieser Beispiel zeigt ein unsichtbares Menu am Anfang, welcher sichtbar wird beim klicken vom Text. Der Menu welcher im oberen Teil der Webseite ist kann wieder zurückgesetzt werden mit einem klick. Ausgezeichnete grafische Effekte sowie sehr einfach zu konfigurieren, es ist einer der besten Demos in diese Beispiele. Fast gleich wie im vorherigen Beispiel, nur mit der einzigen Ausnahme, dass das Menu auf der linken Seite positeoniert ist.

[ Das Beispiel zeigen ]

HTML Code für deine Website

<HTML>
                                       <HEAD>
                                       
                                       
                                       
                                       <TITLE>Virtual University - Dynamic HTML Beispiel</TITLE>
                                       <meta name="language" content="de">
                                       <meta name="robots" content="index,follow">
                                       
                                       <style>
                                       TD{font-family:arial,helvetica; font-size:10pt}
                                       BODY{background-color:white}
                                       A{color:Navy; text-decoration:none}
                                       A:hover{color:red}
                                       A:visited:{color:#808080}
                                       DIV{font-family:arial,helvetica; font-size:12pt; font-weight:bold}
                                       </style>
                                       
                                       
                                    <script>
                                    
                                       
                                       /********************************************************************************
                                       This script is made by and copyrighted to Thomas Brattli at www.bratta.com
                                       Visit for more great scripts. 
                                       This may be used freely as long as this msg is intact!
                                       ********************************************************************************
                                       Browsercheck:*/
                                       ie=document.all?1:0
                                       n=document.layers?1:0
                                       
                                       //These are the variables you have to set:
                                       
                                       //How much of the layer do you wan't to be visible when it's in the upstate?
                                       lshow=20
                                       
                                       //How many pixels should it move every step? 
                                       var move=10;
                                       
                                       //At what speed (in milliseconds, lower value is more speed)
                                       menuSpeed=40
                                       
                                       //Do you want it to move with the page if the user scroll the page?
                                       var moveOnScroll=true
                                       
                                       /********************************************************************************
                                       You should't have to change anything below this.
                                       ********************************************************************************/
                                       //Defining variables
                                       var tim;
                                       
                                       //Object constructor
                                       function makeMenu(obj,nest){
                                           nest=(!nest) ? '':'document.'+nest+'.'
                                           this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')					
                                       	this.state=1
                                       	this.go=0
                                       	this.height=n?this.css.document.height:eval(obj+'.offsetHeight')
                                       	this.top=b_gettop
                                           this.obj = obj + "Object"; 	eval(this.obj + "=this")	
                                       }
                                       //Get's the top positeon.
                                       function b_gettop(){
                                       	var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop);
                                       	return gleft;
                                       }
                                       /********************************************************************************
                                       Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick)
                                       ********************************************************************************/
                                       function moveMenu(){
                                       	if(!oMenu.state){
                                       		clearTimeout(tim)
                                       		mIn()	
                                       	}else{
                                       		clearTimeout(tim)
                                       		mOut()
                                       	}
                                       }
                                       //Menu in
                                       function mIn(){
                                       	if(oMenu.top()>eval(scrolled)-oMenu.height+lshow){
                                       		oMenu.go=1
                                       		oMenu.css.top=oMenu.top()-move
                                       		tim=setTimeout("mIn()",menuSpeed)
                                       	}else{
                                       		oMenu.go=0
                                       		oMenu.state=1
                                       	}	
                                       }
                                       //Menu out
                                       function mOut(){
                                       	if(oMenu.top()<eval(scrolled)){
                                       		oMenu.go=1
                                       		oMenu.css.top=oMenu.top()+move
                                       		tim=setTimeout("mOut()",menuSpeed)
                                       	}else{
                                       		oMenu.go=0
                                       		oMenu.state=0
                                       	}	
                                       }
                                       /********************************************************************************
                                       Checking if the page is scrolled, if it is move the menu after
                                       ********************************************************************************/
                                       function checkScrolled(){
                                       	if(!oMenu.go)oMenu.css.top=(!oMenu.state)?eval(scrolled):eval(scrolled)-oMenu.height+lshow
                                       	if(n) setTimeout('checkScrolled()',30)
                                       }
                                       /********************************************************************************
                                       Inits the page, makes the menu object, moves it to the right place, 
                                       show it..
                                       ********************************************************************************/
                                       function menuInit(){
                                       	oMenu=new makeMenu('divMenu')
                                       	scrolled=n?"window.pageYOffset":"document.body.scrollTop"
                                       	oMenu.css.top=eval(scrolled)-oMenu.height+lshow
                                       	oMenu.css.visibility='visible'
                                       	if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
                                       }
                                       
                                       //Initing menu on pageload
                                       onload=menuInit;
                                       </script>
                                    
                                       
                                       
                                       
                                       </HEAD>
                                       
                                       <BODY>
                                       
                                        
                                       
                                       <div id="divMenu" style="positeon:absolute; top:0; left:30; height:100; width:80; visibility:hidden">
                                       <A HREF="https://www.VirtualUniversity.ch/telekom/telematik/0.html">Telematik</A><br>
                                    
                                       <A HREF="https://www.VirtualUniversity.ch/telekom/protocols.html">Protocols</A><br>
                                    
                                       <A HREF="https://www.VirtualUniversity.ch/telekom/networking.html">Networking</A><br>
                                    
                                       <A HREF="https://www.VirtualUniversity.ch/software/jscript/0.html">JavaScript</A><br>
                                    
                                       <A HREF="https://www.VirtualUniversity.ch/software/html/0.html">HTML</A><br>
                                    
                                       <A HREF="https://www.VirtualUniversity.ch/software/php/0.html">PHP</A><br>
                                    <br>
                                    
                                       	<a href="javascript://" onclick="moveMenu()">MENU</a>	
                                       </div>
                                       
                                       
                                       
                                       </BODY></HTML>
                                       </html>

[File ZIP runterladen, Bilder und andere Files sind im ZIP file inbegriffen]

DIPLOMARBEITEN UND BÜCHER

Diplomarbeiten zum Runterladen:

Architektur / Raumplanung
Betriebswirtschaft - Funktional
Erziehungswissenschaften
Geowissenschaften
Geschichtswissenschaften
Informatik
Kulturwissenschaften

Medien- und Kommunikationswissenschaften
Medizin
Psychologie
Physik
Rechtswissenschaft
Soziale Arbeit
Sozialwissenschaften

	JOBS