【JQuery】ImageMapster【影像地圖】
製作影像地圖需要先找一張圖片，接著透過Dreamweaver作區塊切割，最後利用JQuery元件，即可產生效果。 使用JQuery前，需要引用Jquery元件。 EX︰ <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script type="text/javascript" src="jquery.imagemapster.js"></script> HTML 頁面(參考)︰ <img id=" tc " src="ABC.jpg" width="1086" height="482" border="0" usemap="#Map" /> <map name="Map" id=" Map " > <area shape="poly" state = "HI" coords="155,57,202,85,177,91,173,111,162,120,153,135,175,142,194,124,230,99,273,104,234,69,212,56,197,30,181,26" href="#" /> <area shape="poly" state = "AK" coords="154,58,142,86,139,102,113,119,130,127,154,136,165,119,175,99,200,83" href="#" /> </map> Javascript︰ <script type="text/javascript"> $(function(){ var img = $(' #tc '); img.maps...