(_H.A.W.K_)
Lt. Commander
- Registriert
- Juli 2001
- Beiträge
- 1.328
Sliding Menü das vom oberen Bildschirmrand herraus slidet
- Ersteller (_H.A.W.K_)
- Erstellt am
The Prophet
Rear Admiral
- Registriert
- Aug. 2001
- Beiträge
- 5.981
Code:
<SCRIPT SRC="ssm.js" language="JavaScript1.2"></SCRIPT>
<SCRIPT language="JavaScript1.2">
<!--
YOffset=51;
staticYOffset=51;
slideSpeed=1;
waitTime=100;
menuBGColor="#000000";
menuIsStatic="no";
menuWidth=150;
hdrFontFamily="Verdana, Arial, Helvetica, sans-serif";
hdrFontSize="1";
hdrFontColor="#FCBE2C";
hdrBGColor="#3d5f73";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="6";
linkFontFamily="Verdana, Arial, Helvetica, sans-serif";
linkFontSize="1";
linkBGColor="#304A5C";
linkOverBGColor="#304A5C";
linkTarget="_self";
linkAlign="center";
barBGColor="#37576C";
barFontFamily="Verdana, Arial, Helvetica, sans-serif";
barFontSize="1";
barFontColor="#FCBE2C";
barVAlign="center";
barWidth=12;
startMenu("QUICKLINKS", "QUICKLINKS");
addExItem("Home", "main.php");
addExItem("Testlink", "test.html");
addExItem("TestlinkII", "test.php");
addExItem("TestlinkIII", "test.php");
addExItem("TestlinkIV", "test.php");
addHdr(" ");
addExItem("TestlinkVI", ".");
addHdr(" ");
addExItem("VOR", "javascript:history.forward()");
addExItem("ZURUECK", "javascript:history.back()");
endMenu();
function showhelp(helptext,boardid)
{
helpwindow = open("useraction.php?action=gethelp&BoardID=" + boardid + "&helptext=" + helptext, "Helpfenster", "width=400,height=500,dependent=yes,locationbar=no,menubar=no,status=no,resizable=yes");
helpwindow.document.write(windowtext);
}
-->
</SCRIPT>
</HEAD>
</HTML>
Code:
<!--
/*
Copyright © MaXimuS 2000-2001, All Rights Reserved.
Site: [url]http://www.absolutegb.com/maximus[/url]
E-mail: [email]maximus@nsimail.com[/email]
Version: 6 (NS6 Compatibility)
*/
// Default settings. Don't change them.
YOffset=20; // no quotes!!
staticYOffset=20; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=1000; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
hdrFontFamily="Verdana";
hdrFontSize="3";
hdrFontColor="white";
hdrBGColor="#170088";
hdrAlign="right";
hdrVAlign="center";
hdrHeight="20";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#DDDDDD";
linkTarget="_self";
linkAlign="left";
menuBGColor="black";
menuIsStatic="yes";
menuWidth=110; // Must be a multiple of 10! no quotes!!
barBGColor="#444444";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="black";
barVAlign="top";
barWidth=20; // no quotes!!
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
moving=setTimeout('null',1)
function moveOut() {
if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed)
if (NS6) {ssm.left = parseInt(ssm.left)+10+"px";}
if (IE) {ssm.style.pixelLeft += 10;}
if (NS) {document.ssm.left += 10;}}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {
clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);
if (NS6) {ssm.left = parseInt(ssm.left)-10+"px";}
if (IE) {ssm.style.pixelLeft -= 10;}
if (NS) {document.ssm.left -= 10;}}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
lastY = 0;
function makeStatic() {
if (NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;var NM=document.all('ssm').style}
if (NS) {winY = window.pageYOffset;var NM=document.ssm}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY);}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (NS6) ssm.top=parseInt(ssm.top)+smooth+"px"
if (IE) NM.pixelTop+=smooth;
if (NS) NM.top+=smooth;
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}
function initSlide() {
if (NS6){
ssm=document.getElementById("ssm").style
ssm.visibility="visible";
ssm.left = -menuWidth;}
else if (IE) {
ssm.style.visibility = "visible"
ssm.style.pixelLeft = -menuWidth;}
else if (NS) {
document.ssm.left = -menuWidth;
document.ssm.visibility = "show"}
if (menuIsStatic=="no") makeStatic();}
function startMenu(menuHeader, barText) {
if (IE||NS6) {document.write('<DIV ID="ssm" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+' ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
tempBar=""
for (i=0;i<barText.length;i++) {
tempBar+=barText.substring(i, i+1)+"<BR>"}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+(menuWidth-1)+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')}
function addItem(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" CLASS="ssmItems" target="_self">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}
function addExItem(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="_self" CLASS="ssmItems">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}
function addExPic(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD cellpadding="2" BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"> <A HREF="'+link+'" target="_self" CLASS="ssmItems"><img src="'+text+'" border="0"></A></DIV></LAYER></ILAYER></TD></TR>')}
function addHdr(text) {
document.write('<tr><td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+(menuWidth-1)+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}
function endMenu() {
document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV>')}
if (NS) {document.write('</LAYER>')}
if (NS6||IE||NS) setTimeout('initSlide();', 100)}
-->Mit ein paar veränderungen der Zahlen dürfte es du nach oben bekommen. Darauf hab ich gerade keine Lust mehr.
Zuletzt bearbeitet:
