Нужно чтобы при наведении на DIV выскакивало меню, при выборе пункта меню выскакивает текст рядом с меню.
Застрял на меню, как вывести текст при наведении на пункт меню? (при наведении на пункт меню справа отображается текст)
| Код |
<style>
.target {position:absolute; top:100px; left:200px; width:25px; height:25px; border-radius:25px; border:solid 5px #f00; background:transparent; cursor:pointer;}
.target div {position:absolute; width:10px; height:10px; border-radius:5px; top:7.5px; left:7.5px; background:#f00;}
.target div div {left:-999px; top:10px; width:120px; border:solid 1px #000; border-radius:0px; background:#ff0; height:auto; }
.target:hover {border-color:#00f;}
.target:hover div{background:#00f;}
.target:hover div div{left:10px; background:#fff;}
</style>
<div class="target">
<div>
<div>Меню
<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
<li>Пункт 4</li>
<li>Пункт 5</li>
</ul>
</div>
</div>
</div>
|
|