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:



	ANGEBOTE



	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

Schaltflächen und Inhalt mit Bewegung

Kompatibilität: Ms Internet Explorer, Netscape

Dieser Beispiel erzeugt ein Menu mit Schaltflächen (können ersetzt werden) mit dem Effekt onMouseOver. Wenn man die Schaltfläche mit der Maus berührt, wird ein anderes Menu aktiviert welches den Inhalt beschreibt. Zum Anschauen!

[ 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>
                       DIV{positeon:absolute}
                       #divBottomButtons{top:100; width:200; height:20; visibility:hidden}
                       #divBottomText{width:200; height:20; visibility:inherit}
                       #divBottomCont{clip:rect(0,100,25,0); width:100; height:25; visibility:hidden}
                       </style>
                       
                       
                    <script>
                    
                       
                       /********************************************************************************
                       Copyright (C) 1999 Thomas Brattli
                       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!
                       ********************************************************************************/
                       
                       //DONT TOUCH THIS PART! ********************************************************
                       //Simple browsercheck
                       var n = (document.layers) ? 1:0;
                       var ie = (document.all) ? 1:0;
                       //Page object, and cross-browser objects.
                       function makePageCoords(){this.x2=(n)?innerWidth:document.body.offsetWidth;
                       this.y2=(n)?innerHeight:document.body.offsetHeight;return this;}
                       function makeObj(obj,nest){nest=(!nest) ? '':'document.'+nest+'.'						
                       this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')					
                       this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');		
                       this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;							
                       this.showIt=b_showIt;this.moveIt=b_moveIt;return this}
                       function b_showIt(){this.css.visibility="visible"}
                       function b_moveIt(x,y){this.x=x; this.y=y;this.css.left=this.x;this.css.top=this.y}
                       //Image preloading function
                       function preLoad(num,path,path2){for(i=0; i<=num; i++){this[i]=new Image(); 
                       this[i].src=path+(i+1)+path2+'.gif'}return this}
                       //CHANGE AFTER THIS ********************************************************
                       
                       
                       /************************************************************************************
                       Variables: (change this to adapt the script to your needs
                       ************************************************************************************/
                       //Height of text images:
                       var imageHeight=25
                       
                       //Here are the images for the buttons.
                       //The of images (5 images in the folder "images" called 1.gif,2.gif,3.gif,4.gif and 5.gif)
                       pre=new preLoad(5,'images/','')
                       //The on images (5 images in the folder "images" called 1_b.gif,2_b.gif,3_b.gif,4_b.gif and 5_b.gif)
                       preb=new preLoad(5,'images/','_b')
                       
                       //Menu speed:
                       var mspeed=20
                       
                       /************************************************************************************
                       Remember that if you change the size of the text images you need to change the clip
                       values and height and width on the divCont layer in the style tag.
                       ************************************************************************************/
                       
                       /************************************************************************************
                       Init, change the values is here.
                       ************************************************************************************/
                       function init(){
                       	page=new makePageCoords()
                       	oBButtons=new makeObj('divBottomButtons')
                       	oBText=new makeObj('divBottomText',' divBottomCont')
                       	oBCont=new makeObj('divBottomCont')
                       	//Change the values in here to get the menu to show another place on the page.
                       	//Look at the documentsize tutorial for info on how to use the page object.
                       	//(page.x2 is the width of the document, page.y2 is the height)
                       	oBButtons.moveIt(page.x2-500,210)
                       	oBCont.moveIt(oBButtons.x-120,210)
                       	oBText.moveIt(0,3)
                       	oBButtons.showIt()
                       	oBCont.showIt()
                       }
                       //Mouseover and mouseout
                       function mover(num){oBButtons.ref["img"+num].src=preb[num].src; moveTo(num)}
                       function mout(num){oBButtons.ref["img"+num].src=pre[num].src; moveBack()}
                       //Moving the text layer, you shouldn't need to change anything here.
                       var tim;
                       function moveTo(num){
                       	clearTimeout(tim)
                       	gt=-((num+1)*imageHeight)+3
                       	if(oBText.y!=gt){
                       		if(oBText.y<gt) oBText.moveIt(oBText.x,oBText.y+5)
                       		else oBText.moveIt(oBText.x,oBText.y-5)
                       		tim=setTimeout("moveTo("+num+")",mspeed)
                       	}
                       }
                       function moveBack(){
                       	clearTimeout(tim)
                       	if(oBText.y!=3){oBText.moveIt(oBText.x,oBText.y+5); tim=setTimeout("moveBack()",mspeed)}
                       }
                       onload=init;
                       </script>
                    
                       
                       
                       </HEAD>
                       
                       <BODY>
                       
                       
                       <div id="divBottomCont">
                       	<div id="divBottomText">
                       		
                       		<a href="http://www.VirtualUniversity.ch" target="_new"><img src="images/text0.gif" width=100 height=25 border=0></a><br>
                    
                       		<img src="images/text1.gif" width=100 height=25 border=0><br>
                    
                       		<img src="images/text2.gif" width=100 height=25 border=0><br>
                    
                       		<img src="images/text3.gif" width=100 height=25 border=0><br>
                    
                       		<img src="images/text4.gif" width=100 height=25 border=0><br>
                    
                       		<img src="images/text5.gif" width=100 height=25 border=0><br>
                    
                       		<img src="images/text6.gif" width=100 height=25 border=0>
                       	</div>
                       </div>
                       <div id="divBottomButtons">
                       	
                       	<a href="http://www.VirtualUniversity.ch/software/css/0.html" onmouseover="mover(0)" onmouseout="mout(0)"><img src="images/1.gif" name="img0" width=26 height=26 border="0"></a>
                       	<a href="http://www.VirtualUniversity.ch/software/java/0.html" target="_new" onmouseover="mover(1)" onmouseout="mout(1)"><img src="images/2.gif" name="img1" width=26 height=26 border="0"></a>
                       	<a href="http://www.VirtualUniversity.ch/software/jscript/0.html" target="_new" onmouseover="mover(2)" onmouseout="mout(2)"><img src="images/3.gif" name="img2" width=26 height=26 border="0"></a>
                       	<a href="http://www.VirtualUniversity.ch/software/xml/0.html" target="_new" onmouseover="mover(3)" onmouseout="mout(3)"><img src="images/4.gif" name="img3" width=26 height=26 border="0"></a>
                       	<a href="http://www.VirtualUniversity.ch/software/mysql/0.html" target="_new" onmouseover="mover(4)" onmouseout="mout(4)"><img src="images/5.gif" name="img4" width=26 height=26 border="0"></a>
                       	<a href="http://www.VirtualUniversity.ch/software/php/0.html" target="_new" onmouseover="mover(5)" onmouseout="mout(5)"><img src="images/6.gif" name="img5" width=26 height=26 border="0"></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

	WERBUNG



	VORLAGEN



Vorlagen-Startseite