выпадающее меню справа - PullRequest
Новая
       4

выпадающее меню справа

1 голос
/ 13 ноября 2009

Я ищу выпадающее меню, а не выпадающее меню. На основании списка списков, например, HTML 

 <ul>
 <li> item1
 <li> fold1 <ul><li> fold1it1 <li> fold1it2 </ul>
 <li> item2
 <li> fold2 <ul><li> fold2it1 <li> fold2it2 </ul>
 </ul>

При сгибании мышкой1 она будет расширяться вправо вправо (справа внизу) 

 item1
 fold1   fold1it1 fold1it2 fold2it3
 item2
 fold2

Я ищу действительно простой для понимания пример CSS или какой-нибудь плагин jquery Спасибо

Ответы [ 2 ]

1 голос
/ 13 ноября 2009

Я думаю, что я понял это, я все еще приму любые предложения 

<!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>
0 голосов
/ 13 ноября 2009

Возможно, вы захотите взглянуть на fgmenu из группы филаментов. Работает с темами jQuery UI, в частности с всплывающими меню. Также представляется, что будущая работа в меню jQuery UI будет основана на этой работе.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...