У меня такая проблема. Недавно полазила по форумам и увидела контейнер, содержимое которого выпадает при наведении курсора, а не при нажатии на него. Не подскажите, как это сделать?
Контейнеры. Вопрос.
Страница: 1
Тема закрыта
Сообщений 1 страница 3 из 3
Поделиться215.10.2010 20:59:30
Вороная
Здравствуйте.
Вороная написал(а):
У меня такая проблема. Недавно полазила по форумам и увидела контейнер, содержимое которого выпадает при наведении курсора, а не при нажатии на него. Не подскажите, как это сделать?
Это в ХТМЛ-верх:
Код:
<style type="text/css"> div .splLink { width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: "Comic Sans Ms"; font-size: 15px; padding: 5px; } .spll { width: 130px; height: 70px; } .spll div .splCont { height: auto; width: 300px; background: url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: "Microsoft Sans Serif"; text-align: center; } </style>
Это в ХТМЛ-низ:
Код:
<script type="text/javascript"> $(document).ready(function(){ $('.splLink').parent().hover(function(){ $(this).children('div.splCont').toggle('normal'); }, function(){ $(this).children('div.splCont').toggle('normal'); }); }); </script>
А это туда, где хотите увидеть меню:
Код:
<center><table style="width: 90%"> <tr> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Первый контейнер</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Второй контейнер</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Пятый контейнер</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> </tr> </table></center>
Отредактировано rps (15.10.2010 20:59:49)
Поделиться316.10.2010 13:59:50
Огромное спасибо!)
Тема закрыта
Страница: 1
Похожие темы
Общие вопросы по Оформлению Часть 2 | Архив | 14.03.2010 |
Общие вопросы по Оформлению | Архив | 24.03.2009 |
Ваши вопросы по скриптам | Новые возможности форума/Скрипты | 07.12.2013 |
Общие вопросы | Архив | 01.04.2009 |
Вопросы, связанные с фоном для форума. | Корзина | 08.01.2009 |