下拉菜单样式.doc

SuckerTree Vertical Menu (v1.1) style type=text/css /*Credits: Dynamic Drive CSS Library *//*URL: a href=/style/ target=_blank/style//a */ .suckerdiv ul{margin: 0;padding: 0;list-style-type: none;width: 160px; /* Width of Menu Items */border-bottom: 1px solid #ccc;}?.suckerdiv ul li{position: relative;}?/*Sub level menu items */.suckerdiv ul li ul{position: absolute;width: 170px; /*sub menu width*/top: 0;visibility: hidden;} /* Sub level menu links style */.suckerdiv ul li a{display: block;overflow: auto; /*force hasLayout in IE7 */color: black;text-decoration: none;background: #fff;padding: 1px 5px;border: 1px solid #ccc;border-bottom: 0;} .suckerdiv ul li a:visited{color: black;} .suckerdiv ul li a:hover{background-color: yellow;} .suckerdiv .subfolderstyle{background: url(media/arrow-list.gif) no-repeat center right;} /* Holly Hack for IE \*/* html .suckerdiv ul li { float: left; height: 1%; }* html .suckerdiv ul li a { height: 1%; }/* End */ /style script type=text/javascript //SuckerTree Vertical Menu 1.1 (Nov 8th, 06)//By Dynamic Drive: a href=/style/ target=_blank/style//a var menuids=[suckertree1] //Enter id(s) of SuckerTree UL menus, separated by commas function buildsubmenus(){for (var i=0; imenuids.length; i++){??var ultags=document.getElementByIdx(menuids[i]).getElementsByTagName_r(ul)????for (var t=0; tultags.length; t++){????ultags[t].parentNode.getElementsByTagName_r(a)[0].className=subfolderstyle??if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu???ultags[t].style.left=ultags[t].parentNode.offsetWidth+px //dynamically position first level submenus to be width of main menu item??else //else if this is a sub level submenu (ul)????ultags[t].style.left=ultags[t-1].getElementsByTagName_r(a)[0].offsetWidth+px //position menu to the right of menu item that activated it????ultags[t].parentNode.onmouseover=function(){????this.getElementsByTagName_r(ul)[0].style.display=bloc