У меня такая проблема. Недавно полазила по форумам и увидела контейнер, содержимое которого выпадает при наведении курсора, а не при нажатии на него. Не подскажите, как это сделать? 
Контейнеры. Вопрос.
Страница: 1
Тема закрыта
Сообщений 1 страница 3 из 3
Поделиться112.10.2010 22:17:09
- Новичок
- Зарегистрирован: 20.11.2009
- Приглашений: 0
- Сообщений: 4
- Уважение: 0
- Позитив: 0
- Провел на форуме:
8 часов 54 минуты - Последний визит:
01.04.2011 19:30:32
Поделиться215.10.2010 20:59:30
- Знающий ForumBB
- Откуда: Нижний Новгород.
- Зарегистрирован: 19.04.2008
- Приглашений: 0
- Сообщений: 2937
- Уважение: +599
- Позитив: +530
- Пол: Мужской
- Возраст: 33 [1991-01-15]
- Провел на форуме:
8 дней 20 часов - Последний визит:
13.11.2012 20:12:15
Вороная
Здравствуйте.
Вороная написал(а):
У меня такая проблема. Недавно полазила по форумам и увидела контейнер, содержимое которого выпадает при наведении курсора, а не при нажатии на него. Не подскажите, как это сделать?
Это в ХТМЛ-верх:
Код:
<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(http://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
- Новичок
- Зарегистрирован: 20.11.2009
- Приглашений: 0
- Сообщений: 4
- Уважение: 0
- Позитив: 0
- Провел на форуме:
8 часов 54 минуты - Последний визит:
01.04.2011 19:30:32
Огромное спасибо!) 
Тема закрыта
Страница: 1
Похожие темы
| Общие вопросы по Оформлению Часть 2 | Архив | 14.03.2010 |
| Общие вопросы по Оформлению | Архив | 24.03.2009 |
| Ваши вопросы по скриптам | Новые возможности форума/Скрипты | 07.12.2013 |
| Общие вопросы | Архив | 01.04.2009 |
| Вопросы, связанные с фоном для форума. | Корзина | 08.01.2009 |