채택완료

호버시 다른 클래스가 작동되게 하는법좀 알려주세요 ㅠㅠ

2017-03-17 (금) 14:22:08 12,420

<div id=hover>

 <a><p>호버</p></a>

</div>

<div>

 <a><p>호버2</p></a>

</div>

<div id=sub_hover>

 <a><p>다른호버</p></a>

</div>

이렇게 있을때 hover에 마우스를 호버하면 sub_hover가 디스플레이 블락되게 하는법좀 알려주세ㅛㅇ ㅠㅠ

|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트

#hover:hover ~ #sub_hover {display:block} 

답변에 대한 댓글 3개

제가 정확한 코딩을 알려드리지 않아서 그런가 안되네요 ㅠㅠ
[code]
<TABLE cellpadding="2" cellspacing="0" border="0">
<TR>
<TD nowrap id="hover"><A href="" target="main" onFocus="blur();" >DT-930</A></TD>
</TR>
</TABLE>
<div class="sub_hover" style="position:absolute;left:400px;top:6px;">
<li><a href="">Release in process(Manual)</a></li>
<li><a href="">Confirmation and Saving of Laydown(Manual)</a></li>
</div>
[/code]

이렇게 되어있습니다.. ㅠㅠ
<TD nowrap id="hover" onmouseover="$('.sub_hover').show()" onmouseout="$('.sub_hover').hide()">
도움주셔서 감사합니다!~

#hover:hover + div + #sub_hover{display:block}

답변에 대한 댓글 1개

제가 정확한 코딩을 알려드리지 않아서 그런가 안되네요 ㅠㅠ
[code]
<TABLE cellpadding="2" cellspacing="0" border="0">
<TR>
<TD nowrap id="hover"><A href="" target="main" onFocus="blur();" >DT-930</A></TD>
</TR>
</TABLE>
<div class="sub_hover" style="position:absolute;left:400px;top:6px;">
<li><a href="">Release in process(Manual)</a></li>
<li><a href="">Confirmation and Saving of Laydown(Manual)</a></li>
</div>
[/code]

이렇게 되어있습니다.. ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.