Есть div, нужно чтобы при наведении на него, он исчезал и на его месте появлялся другой див. В дивах html код, через css не выйдет. Нужный js найти не могу.
1
-
1нужный js найти не могу, > Не стоит задавать вопросы с просьбой выполнить бесплатно или за деньги какую-либо работу, связанную с программированием: форум не является фриланс-биржей. через css тоже можно сделать. – zb' 11 июл '14 в 1:08
добавить комментарий
|
3 ответа
HTML
<div class="div1">DIV1
<div class="div2">DIV2</div>
</div>
CSS
*{
padding: 0;
margin: 0;
}
div{
width: 300px;
height: 300px;
margin: 0 auto;
text-align: center;
line-height: 300px;
font-weight: 700;
font-family: arial;
font-size: 24px;
color: #fff;
position: relative;
}
.div1{
background: #000;
}
.div2{
background: #f00;
display: none;
position: absolute; left: 0; top: 0;
}
.div1:hover .div2{
display: block;
cursor: pointer;
}
http://jsfiddle.net/6KzLG/ - css вариант
Не стоит удалять элементы из DOM, проще всего взять JQuery, выбрать этот div и скрыть его с помощью метода hide().