Javascript  »  DHTML  »  Layer Menu

zur Übersicht

Kategorie	DHTML
Bezeichnung	Layer Menu
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	51925 Aufrufe davon 0x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- /* Copyright © MaXimuS 1999-2001, All Rights Reserved. Site: http://www.absolutegb.com/maximus E-mail: maximus@nsimail.com Script: Static Slide Menu Version: 6.5.3.5 (Temporary) */ NS6 = (document.getElementById&&!document.all) IE = (document.all) NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") tempBar='';barBuilt=0;lastY=0;sI=new Array();moving=setTimeout('null',1); function moveOut() {if (parseInt(ssm.left)<0) {clearTimeout(moving); moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)} else {clearTimeout(moving);moving=setTimeout('null',1)}}; function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)} function moveBack1() {if (parseInt(ssm.left)>(-menuWidth)) {clearTimeout(moving); moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)} else {clearTimeout(moving);moving=setTimeout('null',1)}} function slideMenu(num){ssm.left = parseInt(ssm.left)+num; if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num; if(bssm.left+bssm.clip.right>document.width)document.width+=num}} function makeStatic() { winY=(IE)?document.body.scrollTop:window.pageYOffset; if (winY!=lastY&&winY>YOffset-staticYOffset) { smooth = .2 * (winY - lastY - YOffset + staticYOffset);} else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) { smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));} else {smooth=0} if(smooth > 0) smooth = Math.ceil(smooth); else smooth = Math.floor(smooth); bssm.top=parseInt(bssm.top)+smooth lastY = lastY+smooth; setTimeout('makeStatic()', 10)} function buildBar() { if(barText.toLowerCase().indexOf('<img')>-1) {tempBar=barText} else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}} document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'" align=center><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></td>')} function initSlide() { if (NS6||IE){ssm=(NS6)?document.getElementById("thessm"):document.all("thessm"); bssm=(NS6)?document.getElementById("basessm").style:document.all("basessm").style; bssm.clip="rect(0 "+ssm.offsetWidth+" "+(((IE)?document.body.clientHeight:0)+ssm.offsetHeight)+" 0)"; bssm.visibility="visible";ssm=ssm.style;if(NS6)bssm.top=YOffset} else if (NS) {bssm=document.layers["basessm1"]; bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"]; bssm2.clip.left=0;ssm.visibility = "show";} if (menuIsStatic=="yes") makeStatic();} function buildMenu() { if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0px ;Z-Index : 21;'+((IE)?"width:1px":"")+'" onmouseover="moveOut()" onmouseout="moveBack()">')} if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show" onload="initSlide()"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')} if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')} document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">'); for(i=0;i<sI.length;i++) { if(!sI[i][3]){sI[i][3]=menuCols;sI[i][5]=menuWidth-1} else if(sI[i][3]!=menuCols)sI[i][5]=Math.round(menuWidth*(sI[i][3]/menuCols)-1); if(sI[i-1]&&sI[i-1][4]!="no"){document.write('<TR>')} if(!sI[i][1]){ document.write('<TD BGCOLOR="'+hdrBGColor+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+sI[i][5]+'" COLSPAN="'+sI[i][3]+'"><font face="'+hdrFontFamily+'" size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b> '+sI[i][0]+'</TD>')} else {if(!sI[i][2])sI[i][2]=linkTarget; document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+sI[i][5]+'" COLSPAN="'+sI[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+sI[i][1]+'" target="'+sI[i][2]+'" CLASS="ssmItems">'+sI[i][0]+'</DIV></LAYER></ILAYER></TD>')} if(sI[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1} if(sI[i][4]!="no"){document.write('</TR>')}} document.write('</table>') if (NS6){document.write('</TD></TR></TABLE>')} if (IE||NS6) {document.write('</DIV></DIV>');setTimeout('initSlide();', 1)} if (NS) {document.write('</LAYER></ILAYER></LAYER>')}} function addHdr(name, cols, endrow){sI[sI.length]=[name, '', '', cols, endrow]} function addItem(name, link, target, cols, endrow){if(!link)link="javascript://";sI[sI.length]=[name, link, target, cols, endrow]} //--> </SCRIPT> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- <!-- /* Configure menu styles below NOTE: To edit the link colors, go to the STYLE tags and edit the ssmItems colors */ YOffset=80; // no quotes!! staticYOffset=20; // no quotes!! XOffset=20; // no quotes!! slideSpeed=20 // no quotes!! waitTime=500; // no quotes!! this sets the time the menu stays out for after the mouse goes off it. menuBGColor="black"; menuIsStatic="yes"; menuWidth=100; // Must be a multiple of 10! no quotes!! menuCols=1; hdrFontFamily="verdana"; hdrFontSize="2"; hdrFontColor="black"; hdrBGColor="#0099FF"; hdrAlign="left"; hdrVAlign="center"; hdrHeight="20"; linkFontFamily="Verdana"; linkFontSize="1"; linkBGColor="white"; linkOverBGColor="#FFFF99"; linkTarget="_top"; linkAlign="left"; barBGColor="#FF6666"; barFontFamily="Verdana"; barFontSize="2"; barFontColor="black"; barVAlign="center"; barWidth=20; // no quotes!! barText='SIDEMENU' // <IMG> tag supported, Ex: '<img src="some.gif" border=0>' // ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header addHdr("Header 1"); addItem("Link1", "#", ""); addItem("Link2", "#", ""); addHdr("Header 2"); addItem("Link4", "", ""); addItem("Link3", "#", ""); buildMenu(); //--> </SCRIPT> <STYLE><!-- A.ssmItems:link {color:black;text-decoration:none;} A.ssmItems:hover {color:black;text-decoration:none;} A.ssmItems:active {color:black;text-decoration:none;} A.ssmItems:visited {color:black;text-decoration:none;} //--></STYLE>

Kommentare zu Layer Menu

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.


Alle Kommentare anzeigen   -   Kommentar hinzufügen