Официальный Форум технической поддержки сервиса ForumBB

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Контейнеры. Вопрос.

Сообщений 1 страница 3 из 3

1

У меня такая проблема. Недавно полазила по форумам и увидела контейнер, содержимое которого выпадает при наведении курсора, а не при нажатии на него. Не подскажите, как это сделать?  :confused:

0

2

Вороная
Здравствуйте.

Вороная написал(а):

У меня такая проблема. Недавно полазила по форумам и увидела контейнер, содержимое которого выпадает при наведении курсора, а не при нажатии на него. Не подскажите, как это сделать?

Это в ХТМЛ-верх:

Код:
<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://tps.bbmy.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)

0

3

Огромное спасибо!)  :)

0