0

ap タグの内側の html を変更できる簡単なスクリプトが必要です。私の場合は画像にカーソルを合わせるとプレーン テキストになります。

例：

<div id="one">
    <p><img src="events.png" alt="" /></p>
</div>

上記の p タグにカーソルを合わせると、以下のようにテキストに変更したい

<div id="one">
   <p>Events</p>
</div>
4

3 に答える 3

2

これには、javascript を使用する必要はまったくありません。これは、css を使用して非常に簡単に処理されます。

<div id="one">
    <p>
        <span>Events</span>
        <img src="events.png" alt="" />
    </p>
</div>

CSS:

#one p>span{ display:none; }
#one p:hover span{ display:inline; }
#one p:hover img{ display:none; }

これが実際のフィドルです：http://jsfiddle.net/CKpCk/

于 2012-08-02T01:59:06.507 に答える
1

次のことを試してください。

var html = $('#one p').html()

$('#one').hover(function(){
   $('p', this).html('Events');
}, function() {
   $('p', this).html(html);
})​

デモ

于 2012-08-02T01:58:45.383 に答える
0

これを試してください：

<html>
<head>
    <title>Try</title>
</head>
    <script type="application/javascript" src="jQuery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#testHover").hover(function()
    {
         $("#testHover").html("Events");
    });
    });
    </script>
<body>
    <div id="one">

        <p style="width:200px;"id="testHover"><img src="events.jpg" alt="" /></p>

    </div>
</body>
</html>
于 2012-08-02T02:11:43.813 に答える