[Beschreibung]
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]
[Code]
<script> var oPopup = window.createPopup(); function richDropDown() { oPopup.document.body.innerHTML = oContextHTML.innerHTML; oPopup.show(0, 28, 305, 100, dropdowno); }
</script>
<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 <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>
Microsoft
Kopieren Sie bitte den Code