0

「Usemap」属性を使用して座標をリンクしているという点で、フロア画像があります。

このような：

 <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td>
                <img src="5th_floor_screen-size.jpg" width="1372" height="906" border="0" usemap="#Map" /></td>
        </tr>
    </table>


 <area class="tooltip" shape="rect" coords="1232,550,1298,621" href="#" title="Store Room" />
        <area class="tooltip" shape="rect" coords="1301,550,1351,621" href="#" title="Record Room" />
</map>

今私が必要としているのは、1.Store Room 2.Record Room のような 2 つのイメージを持つことです。

例：

店舗の部屋でマウスオーバーすると、店舗の部屋にある領域が強調表示され、マウスオーバーで何も表示されず、記録室も表示されるとします。

Jqueryまたはjavascriptでこれを実装する方法は?..

会計年度:

これは私が必要として...

ここにリンクの説明を入力

4

1 に答える 1

0

私が作ったこのjsfiddleをチェックしてください。おそらくこれはあなたを助けます。

http://jsfiddle.net/SB77y/

于 2012-01-03T10:33:42.097 に答える