드롭 다운 메뉴가 아닌 드롭 다운 메뉴를 찾고 있습니다. 목록의 목록, 전 HTML오른쪽 메뉴 드롭
<ul>
<li> item1
<li> fold1 <ul><li> fold1it1 <li> fold1it2 </ul>
<li> item2
<li> fold2 <ul><li> fold2it1 <li> fold2it2 </ul>
</ul>
당신이 fold1을 mousover을 바탕으로, 그것은, 내가 CSS 예제를 이해하기 정말 간단 찾고 있어요
item1
fold1 fold1it1 fold1it2 fold2it3
item2
fold2
권리 오른쪽으로 확장 (오른쪽 드롭) 것 또는 어떤 종류의 jquery 플러그인 감사합니다.
필라멘트 그룹에서 fgmenu을 볼 수 있습니다. jQuery UI 테마, 특히 플라이 아웃 메뉴에서 작동합니다. jQuery UI 메뉴의 future work은이 작업을 기반으로합니다.
가 내가 그것을 밖으로 생각 생각, 난 아직도 제안에게
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<style type="text/css">
.dropRight {
border: 1px solid red;
display:block;
}
.dropRight ul, .dropRight li {
margin:0 0 0 0;
padding:0 0 0 0;
}
.dropRight ul li:hover , .dropRight ul li a:hover {
background: #dddddd;
}
.dropRight ul {
list-style-type: none;
display: inline-block;
}
/* sub lists hidden by default */
.dropRight ul ul {
visibility: hidden;
display: none;
}
/* show the sub lists (children) */
.dropRight ul li:hover >ul {
visibility: visible;
background:yellow;
display: inline-block;
}
/* sub list items drop right, not down */
.dropRight ul ul li {
position: relative;
float: left;
}
</style>
</head><body>
<div class="dropRight">
<ul>
<li> item1
<li> <a href="#">fold1</a>
<ul>
<li> fold1it1
<li> fold1it2
<li> <a href="#">fold1it3</a>
</ul>
<li> item2
<li> <a href="#">fold2</a>
<ul>
<li> fold2it1
<li> fold2it2
<li> <span title="The Impossible Fold">fold2it3fold1</span>
<ul>
<li> fold2it3fold1it1
<li> fold2it3fold1it2
</ul>
<li> <a href="#" title="messed up">fold2it3fold2</span>
<ul>
<li> fold2it3fold2it1
<li> fold2it3fold2it2
</ul>
</ul>
</ul>
</div>
</body></html>
감사 할게요,하지만 그건 내가 찾던 것이 아니라, 바로 다음 아래로 계속 내려, 난 그냥 싶어 (아래로 떨어 권리). – undef