THIS IS A TEST INSTANCE. ALL YOUR CHANGES WILL BE LOST!!!!
Wiki Markup |
---|
{style:import=http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish.css} {html} <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/assets/js/hoverIntent.js"></script> <script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js"></script> <script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/supersubs/js/supersubs.js"></script> <ul<script classtype="sf-menu sf-js-enabled sf-shadow" id="sample-menu-5"> <li class="current"> <a href="#a" class="sf-with-ul">menu item<span class="sf-sub-indicator"> »</span></a> <ul style="float: none; width: 16.8462em; display: none; visibility: hidden;"> <li style="white-space: normal; float: left; width: 100%;" class=""> <a href="#aa" style="float: none; width: auto;">menu item that is quite long</a> </li> <li class="current" style="white-space: normal; float: left; width: 100%;"> <a href="#ab" class="sf-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a> <ul style="left: 16.8462em; float: none; width: 20em; display: none; visibility: hidden;"> <li class="current" style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item that is even longer still!</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#aba" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#abb" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#abc" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#abd" style="float: none; width: auto;">menu item</a></li> </ul> </li> <li style="white-space: normal; float: left; width: 100%;" class=""> <a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a> <ul style="left: 16.8462em; float: none; width: 12em; display: none; visibility: hidden;"> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> text/javascript"> $(document).ready(function(){ $("ul.sf-menu").supersubs({ minWidth: 12, // minimum width of sub-menus in em units maxWidth: 27, // maximum width of sub-menus in em units extraWidth: 1 // extra width can ensure lines don't sometimes turn over // due to slight rounding differences and font-family }).superfish(); // call supersubs first, then superfish, so that subs are // not display:none when measuring. Call before initialising // containing tabs for same reason. }); </script> <ul class="sf-menu sf-js-enabled sf-shadow" id="sample-menu-5"> <li class="current"> <a href="#a" class="sf-with-ul">menu item<span class="sf-sub-indicator"> »</span></a> <ul style="float: none; width: 16.8462em; display: none; visibility: hidden;"> <li style="white-space: normal; float: left; width: 100%;"><a hrefclass="#" style=""> <a href="#aa" style="float: none; width: auto;">menu item</a>< item that is quite long</a> </li> <li<li class="current" style="white-space: normal; float: left; width: 100%;"><a> <a href="##ab" class="sf-with-ul" style="float: none; width: auto;">menu item</a></li>item<span class="sf-sub-indicator"> »</span></a> </ul> </li> <li<ul style="white-spaceleft: normal16.8462em; float: leftnone; width: 100%;" class=" 20em; display: none; visibility: hidden;"> <a<li hrefclass="#current" classstyle="sf-with-ulwhite-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a>item that is even longer still!</a></li> <ul <li style="leftwhite-space: 16.8462emnormal; float: noneleft; width: 12em; display100%;"><a href="#aba" style="float: none; visibilitywidth: hiddenauto;">>menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="##abb" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="##abc" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="##abd" style="float: none; width: auto;">menu item</a></li> </ul> </li> <li style="white-space: normal; float: left; width: 100%;"><a hrefclass="#" style=""> <a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item</a></li> item<span class="sf-sub-indicator"> »</span></a> <li<ul style="white-spaceleft: normal16.8462em; float: leftnone; width: 100%12em;"><a href="#" style="float: display: none; visibility: hidden;"> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> </ul> < <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> </ul> </li> <li class=""> <astyle="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a> <a></li> <li class=""> <a<li hrefstyle="#" class="sf-with-ul">menu item<span class="sf-sub-indicator"> »</span></a> <ul white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: 12emauto; display: none; visibility: hidden;"> ">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;" class=""> <a ><a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a>item</a></li> </ul> <ul</li> <li style="leftwhite-space: 12emnormal; float: noneleft; width: 12em100%; display: none; visibility: hidden;" class=""> <li<a stylehref="white-space: normal; float: left; width: 100%;"><a href="##" class="sf-with-ul" style="float: none; width: auto;">short</a></li> >menu item<span class="sf-sub-indicator"> »</span></a> <li<ul style="white-spaceleft: normal16.8462em; float: leftnone; width: 100%12em;"><a href="#" style="float display: none; widthvisibility: autohidden;">short</a></li>> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">short<>menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">short<>menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">short<>menu item</a></li> </ul> </li> <li <li style="white-space: normal; float: left; width: 100%;" class=""> <a><a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a>item</a></li> <ul <li style="leftwhite-space: 12emnormal; float: none; width: 12em; display: none; visibility: hidden;"> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li></ul> </li> </ul> </li> <li styleclass="white-space: normal; float: left; width: 100%;"><a""> <a href="#" style="float: none; width: auto;">menu item</a><a> </li> <li class=""> <li <a stylehref="#"white-space: normal; float: left class="sf-with-ul">menu item<span class="sf-sub-indicator"> »</span></a> <ul style="float: none; width: 100%12em;"><a href="#" style="float display: none; widthvisibility: autohidden;">menu item</a></li> > <li style="white-space: normal; float: left; width: 100%;"><a hrefclass=""> <a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item</a></li> item<span class="sf-sub-indicator"> »</span></a> </ul> </li> <li<ul style="white-spaceleft: normal12em; float: leftnone; width: 12em; display: 100%none;" class="" visibility: hidden;"> <a <li hrefstyle="#" class="sf-with-ulwhite-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a> >short</a></li> <ul<li style="leftwhite-space: 12emnormal; float: noneleft; width: 12em100%; display"><a href="#" style="float: none; visibilitywidth: hiddenauto;">>short</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item<>short</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item<>short</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item<>short</a></li> <li style</ul> </li> <li style="white-space: normal; float: left; width: 100%;"><a" class=""> <a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item</a></li> item<span class="sf-sub-indicator"> »</span></a> <li<ul style="white-space: left: 12em; float: none; width: 12em; display: none; visibility: hidden;"> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> </ul> </li> <li style="white-space: normal; float: left; width: 100%;"><a classhref=""> <a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a> item</a></li> <ul<li style="leftwhite-space: 12emnormal; float: noneleft; width: 12em100%; display"><a href="#" style="float: none; visibilitywidth: hiddenauto;">>menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> </ul> </li> <li style="white-space: normal; float: left; width: 100%;"><a class=""> <a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item</a></li> item<span class="sf-sub-indicator"> »</span></a> <ul style="left: 12em; float: none; width: 12em; display: none; visibility: hidden;"> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> </ul> </li> <li style=" <li style="white-space: normal; float: left; width: 100%;" class=""> <a><a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a>item</a></li> <ul <li style="leftwhite-space: 12emnormal; float: noneleft; width: 12em; display100%;"><a href="#" style="float: none; visibilitywidth: hiddenauto;">>menu item</a></li> <li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li> </ul> </li> <li style="white-space: normal; float: left; width: 100%;" class=""><a> <a href="#" styleclass="sf-with-ul" style="float: none; width: auto;">menu item</a></li> item<span class="sf-sub-indicator"> »</span></a> <li<ul style="white-spaceleft: normal12em; float: leftnone; width: 100%12em;" class=""><a href="#" style="float display: none; widthvisibility: autohidden;">menu item</a></li>> <li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li> </ul> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> </li> </ul> <li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li> </li> <li class=""> <astyle="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></a>li> </li>ul> </ul> <script type="text/javascript"> $(document).ready(function(){ document.getElementById("sample-menu-5").supersubs({ minWidth: 12, // minimum width of sub-menus in em units maxWidth: 27, // maximum width of sub-menus in em units extraWidth: 1 // extra width can ensure lines don't sometimes turn over // due to slight rounding differences and font-family }).superfish(); // call supersubs first, then superfish, so that subs are // not display:none when measuring. Call before initialising // containing tabs for same reason. }); </script>li> <li style="white-space: normal; float: left; width: 100%;" class=""> <a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a> <ul style="left: 12em; float: none; width: 12em; display: none; visibility: hidden;"> <li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li> <li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li> </ul> </li> </ul> </li> <li class=""> <a href="#">menu item</a> </li> </ul> {html} |