主頁(yè) > 知識(shí)庫(kù) > 圖像熱區(qū)的小把戲彩蛋

圖像熱區(qū)的小把戲彩蛋

熱門標(biāo)簽:江門申請(qǐng)400電話 電銷客服機(jī)器人價(jià)格 生化危機(jī)3原版地圖標(biāo)注 慶陽(yáng)電腦外呼系統(tǒng)代理商 定位地圖標(biāo)注 智能外呼系統(tǒng)的劣勢(shì) 地圖標(biāo)注的聊天案例 騰訊搜狗地圖標(biāo)注在哪里 泉州呼叫中心外呼系統(tǒng)多少錢
或許你很驚奇他們是怎么做到的,這就是圖像熱區(qū)(Map)的一個(gè)應(yīng)用。下面引用一段 Map 的解釋:

所謂圖像熱區(qū),就是帶有預(yù)先定義區(qū)域的圖像,這些區(qū)域包含了指向其它文檔或錨的鏈接。
例如,你可以在一副太陽(yáng)系的圖像上創(chuàng)建用戶點(diǎn)擊后可瀏覽不同星球的鏈接。具體的詳細(xì)情況可以參考這里和這里。比如說上述的菜單就是將一個(gè) map 定義到了首頁(yè)的 Logo 上,然后效果就是點(diǎn)擊這張圖片的一部分就執(zhí)行相應(yīng)操作(Javascript 控制)。比如:

<area shape="rect" coords="0,0,82,126" href="sun.html" alt="Sun" />就可以在熱區(qū)所定義的位置 "0,0,82,126" 打開 sun.html 的鏈接。那么 Javascript 如何控制其行為呢,其實(shí)你完全可以將 area 元素當(dāng)作 a 元素來看待,它也有 onclick 等方法。

至于是如何播放聲音的,我看了下代碼,是一個(gè)簡(jiǎn)單的 Flash 在“作怪”。之所以做成 Flash 有兩個(gè)原因,一是容量比較小,二就是兼容大部分的瀏覽器(只要裝了 Flash 的插件就可以)。

忘記那那該死的 embed 吧,它只支持 Internet Explorer,而且不是 Web 標(biāo)準(zhǔn)的一部分。Alistapart 上面有一篇文章,名叫 Bye Bye Embed,非常的精彩,建議如需要在網(wǎng)頁(yè)中插入其他元素的可以參考一下。

好了,說了那么多,朋友你能看出來本網(wǎng)站的 Logo 有什么特殊的地方嗎(使用 Internet Explorer 的朋友就不要嘗試了)?

標(biāo)簽:萍鄉(xiāng) 邢臺(tái) 那曲 辛集 山西 來賓 錫林郭勒盟 鷹潭

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《圖像熱區(qū)的小把戲彩蛋》,本文關(guān)鍵詞  圖像,熱區(qū),的,小,把戲,彩蛋,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《圖像熱區(qū)的小把戲彩蛋》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于圖像熱區(qū)的小把戲彩蛋的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章