[ColorizedDropDown]

Optisch schönes DropDownMenu

Das Script verwendet das MS- spezifische Objekt popup, sowie IE- Filter- Styles, weshalb es nur mit dem IE funktioniert.

[Kompatibilität]

[zwischen <HEAD> und </HEAD>]

<script>
var oPopup = window.createPopup();
function richDropDown()
{
    oPopup.document.body.innerHTML = oContextHTML.innerHTML;
    oPopup.show(0, 28, 305, 100, dropdowno);
}

</script>

[zwischen <BODY> und </BODY>]

<div id="dropdowno" style="background:#3366CC; padding:5px;  border-bottom:1px solid black;  border-top:1px solid #99CCFF; font:bold 10pt tahoma; color:white; width:300px" ><span style="cursor:hand; margin-left:5px; margin-right:10px;" onmousedown="richDropDown()"  >Click here for a custom drop-down&nbsp; <img src="arrow.gif" align="absmiddle" style=""></span></div>

<DIV ID="oContextHTML" STYLE="display:none;">
<div style="position:absolute; top:0; left:0; overflow:scroll; overflow-x:hidden; width:300; height:100; scrollbar-base-color:#3366CC; border-bottom:2px solid black; SCROLLBAR-HIGHLIGHT-COLOR: #99CCFF; SCROLLBAR-ARROW-COLOR: white;" >
    <DIV onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ccff, EndColorStr=#FFFFFF)';"
         onmouseout="this.style.filter='';"
         STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px;  cursor:hand; filter:;">
    <SPAN ONCLICK="parent.location.href='eineSeite.htm'">
    Custom Drop-Down Item 1</SPAN>
    </DIV>
    <DIV onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=yellowgreen, EndColorStr=#FFFFFF)';"
         onmouseout="this.style.filter='';"
         STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black">
    <SPAN ONCLICK="parent.location.href='eineSeite.htm'">
    Custom Drop-Down Item 2</SPAN>
    </DIV>
    <DIV onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF)';"
         onmouseout="this.style.filter='';"
         STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black">
    <SPAN ONCLICK="parent.location.href='eineSeite.htm'">
    Custom Drop-Down Item 3</SPAN>
    </DIV>
    <DIV onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=violet, EndColorStr=#FFFFFF)';"
         onmouseout="this.style.filter='';"
         STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black">
    <SPAN ONCLICK="parent.location.href='eineSeite.htm'">
    Custom Drop-Down Item 4</SPAN>
    </DIV>
    <DIV onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ccff, EndColorStr=#FFFFFF)';"
         onmouseout="this.style.filter='';"
         STYLE="font-family:verdana; font-size:70%; height:25px; background:#e4e4e4; border:1px solid black; padding:3px; padding-left:20px; cursor:hand; border-top:0px solid black">
    <SPAN ONCLICK="parent.location.href='eineSeite.htm'">
    Custom Drop-Down Item 5</SPAN>
    </DIV>
</div>
</DIV>

[Autor]

Microsoft

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 0096