jQuery 實(shí)現(xiàn)網(wǎng)頁報(bào)紙的區(qū)域錨點(diǎn)提示功能_jQuery鏈接提示

使用jQuery 實(shí)現(xiàn)在線看報(bào)網(wǎng)站上，鼠標(biāo)移上報(bào)紙的某個(gè)區(qū)域后，會(huì)出現(xiàn)一個(gè)紅色的邊框以示選中，并顯示出此區(qū)域的提示內(nèi)容，點(diǎn)擊后則開始加載報(bào)紙內(nèi)容。原理解析：我們使用報(bào)紙內(nèi)容作為背景圖，注意這里要使用相對(duì)定位，然后設(shè)置里面的div全部為絕對(duì)定位：left和top都要與背景精確匹配。一般的截圖插件都能獲取4個(gè)坐標(biāo)，寬度和高度，當(dāng)然我們只需要這些，并不需要把圖片真正截取下來。