2

スパン id='requestSent' にマウスを置いたときに div id='cancelReq' が表示されるようにしたかった

このコードを試しましたが、うまくいきません。

<style> 
    #cancelReq {
         display: none;
    }

    #requestSent:hover + #cancelReq { 
         display: block;
    }   
</style>

<div id='addUser'>
     <span id='requestSent'>Add Friend</span>
</div>
<div id='cancelReq' >hello there</div>
4

1 に答える 1

0

そのためにJavaScriptを使用できます。問題のコードは次のとおりです。

<script type="text/javascript">
     function fun(){
         document.getElementById("cancelReq").style.display = "block";
     }

     function fun1(){
         document.getElementById("cancelReq").style.display = "none";
     }
</script>

そして、次のような HTML コードを作成します。

<div id='addUser'><span id='requestSent' onmouseover="fun();" onmouseout="fun1();" >Add Friend</span></div>
<div id='cancelReq' >hello there</div>
于 2013-02-28T07:02:35.227 に答える