Quicktime電影就有海報(bào)幀的思想。電影中的一幀(經(jīng)常就是其中的第一幀)將會(huì)放到該電影出現(xiàn)的地方。當(dāng)用戶點(diǎn)擊海報(bào)幀時(shí),實(shí)現(xiàn)的電影才會(huì)通過網(wǎng)絡(luò)被加載進(jìn)來。這就能極大地加快該電影所在Web頁面的加載速度。使用少許JavaScript,完全可以為Java Applet實(shí)現(xiàn)相同的功能。
Applet的海報(bào)幀
在研究這個(gè)Demo之前,我必須要提到,我個(gè)人尚未在IE瀏覽器中測試過這個(gè)Demo.如果你發(fā)現(xiàn)這個(gè)Demo不能在某個(gè)瀏覽器中運(yùn)行,請向錯(cuò)誤信息發(fā)送給我,以便我能更新這個(gè)JavaScript.基本思想非常的簡單,創(chuàng)建一個(gè)div,它包含一個(gè)鏈接和一張屏幕截圖。當(dāng)用戶點(diǎn)擊該鏈接時(shí),我們使用一個(gè)新的applet元素去替換頁面中的a和img元素。一旦瀏覽器察覺到了這個(gè)新的applet元素,它將下載Java插件并啟動(dòng)這個(gè)Applet.這就有一個(gè)例子:如果你點(diǎn)擊了這張圖片,一個(gè)Applet就會(huì)被加載到該圖片所在的位置,并會(huì)說"applet loaded".
JavaScript
如下就是這個(gè)JavaScript腳本:
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->
該腳本的第一部分初始化了兩個(gè)哈希表,它們包含了applet元素的屬性與嵌套的param標(biāo)簽。然后,它會(huì)使用document.createElement()方法去創(chuàng)建這個(gè)applet,并配置其中的屬性與PARAM元素。到目前為止,還很直接。真正地奇妙之事發(fā)生在generateInlineAppletTag函數(shù)的最后四行。它使用傳入的appletID參數(shù)與包含著上述鏈接與圖片的div元素相聯(lián)在一起,然后它會(huì)找到并刪除該鏈接,而用新的applet元素去替代這個(gè)鏈接。
HTML
要使用上述javascript函數(shù),你只需將它放到頁面的頂部,并通過那張屏幕截圖鏈接的href去調(diào)用它。在本例中,我使用了:
/>
這個(gè)div被命名為appletDiv,鏈接被命名為screenshot1.該鏈接的href會(huì)調(diào)用上述javascript函數(shù),并傳入div與鏈接的名稱。最后該圖片就只是顯示將要運(yùn)行的Applet的一張屏幕截圖,該圖被一個(gè)播放按鈕覆蓋著。就這么簡單,在這里你可以看到完整的javascript和HTML語句。
結(jié)論
這個(gè)javascript只是一個(gè)開始。你還能很容易的擴(kuò)展它,使圖片上能展現(xiàn)關(guān)于這個(gè)Applet的更多信息。你也可以把這個(gè)javascript重寫為一個(gè)更加可重用的形式,使它能夠被你的整個(gè)站點(diǎn)所共享。
下次考試大將向你展示如何使用新的發(fā)布工具包去偵測當(dāng)前已安裝的Java版本,并啟動(dòng)更新程序
Applet的海報(bào)幀
在研究這個(gè)Demo之前,我必須要提到,我個(gè)人尚未在IE瀏覽器中測試過這個(gè)Demo.如果你發(fā)現(xiàn)這個(gè)Demo不能在某個(gè)瀏覽器中運(yùn)行,請向錯(cuò)誤信息發(fā)送給我,以便我能更新這個(gè)JavaScript.基本思想非常的簡單,創(chuàng)建一個(gè)div,它包含一個(gè)鏈接和一張屏幕截圖。當(dāng)用戶點(diǎn)擊該鏈接時(shí),我們使用一個(gè)新的applet元素去替換頁面中的a和img元素。一旦瀏覽器察覺到了這個(gè)新的applet元素,它將下載Java插件并啟動(dòng)這個(gè)Applet.這就有一個(gè)例子:如果你點(diǎn)擊了這張圖片,一個(gè)Applet就會(huì)被加載到該圖片所在的位置,并會(huì)說"applet loaded".
JavaScript
如下就是這個(gè)JavaScript腳本:
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->
該腳本的第一部分初始化了兩個(gè)哈希表,它們包含了applet元素的屬性與嵌套的param標(biāo)簽。然后,它會(huì)使用document.createElement()方法去創(chuàng)建這個(gè)applet,并配置其中的屬性與PARAM元素。到目前為止,還很直接。真正地奇妙之事發(fā)生在generateInlineAppletTag函數(shù)的最后四行。它使用傳入的appletID參數(shù)與包含著上述鏈接與圖片的div元素相聯(lián)在一起,然后它會(huì)找到并刪除該鏈接,而用新的applet元素去替代這個(gè)鏈接。
HTML
要使用上述javascript函數(shù),你只需將它放到頁面的頂部,并通過那張屏幕截圖鏈接的href去調(diào)用它。在本例中,我使用了:

這個(gè)div被命名為appletDiv,鏈接被命名為screenshot1.該鏈接的href會(huì)調(diào)用上述javascript函數(shù),并傳入div與鏈接的名稱。最后該圖片就只是顯示將要運(yùn)行的Applet的一張屏幕截圖,該圖被一個(gè)播放按鈕覆蓋著。就這么簡單,在這里你可以看到完整的javascript和HTML語句。
結(jié)論
這個(gè)javascript只是一個(gè)開始。你還能很容易的擴(kuò)展它,使圖片上能展現(xiàn)關(guān)于這個(gè)Applet的更多信息。你也可以把這個(gè)javascript重寫為一個(gè)更加可重用的形式,使它能夠被你的整個(gè)站點(diǎn)所共享。
下次考試大將向你展示如何使用新的發(fā)布工具包去偵測當(dāng)前已安裝的Java版本,并啟動(dòng)更新程序
- 寫字教研活動(dòng)總結(jié)大全(12篇)
- 新初一英語自我介紹(優(yōu)秀19篇)
- 養(yǎng)花說課稿設(shè)計(jì)(優(yōu)質(zhì)21篇)
- 幼兒園小班常規(guī)心得體會(huì)(優(yōu)秀15篇)
- 英語教學(xué)設(shè)計(jì)Unit(優(yōu)秀13篇)
- 公司上半年度總結(jié)會(huì)議策劃書大全(21篇)
- 英文的簡歷自我評價(jià)大全(16篇)
- 委托授權(quán)和委托合同的解釋(熱門17篇)
- 月學(xué)校德育工作計(jì)劃(優(yōu)質(zhì)18篇)
- 抗擊疫情致敬逆行者的感想(模板15篇)
- 員工經(jīng)典獲獎(jiǎng)發(fā)言稿(優(yōu)秀19篇)
- 有共同債務(wù)離婚協(xié)議書版(專業(yè)21篇)
- 稅務(wù)年度工作報(bào)告大全(17篇)
- 學(xué)生管理工作年度計(jì)劃(匯總20篇)
- 畢業(yè)典禮策劃活動(dòng)宣傳畢業(yè)典禮活動(dòng)策劃(匯總19篇)
- 植樹節(jié)活動(dòng)個(gè)人活動(dòng)總結(jié)(優(yōu)秀21篇)
- 小班數(shù)學(xué)圖形寶寶來做客教案(優(yōu)秀20篇)
- 國旗下的講話演講稿勤儉節(jié)約從我做起(通用16篇)
- 琵琶行說課稿(通用22篇)
- 個(gè)人綜合科工作總結(jié)(精選20篇)
- 訂婚喜帖祝福語(10篇)
- 三年級小學(xué)生日記300字左右(10篇)
- 我的家鄉(xiāng)400字作文四年級下冊(精選10篇)
- 中國證券業(yè)協(xié)會(huì):2024年6月證券從業(yè)資格考試成績查詢?nèi)肟谝验_通
- 北京2024年6月證券從業(yè)資格考試成績查詢?nèi)肟谝验_通
- 給爸爸的父親節(jié)微信祝福句子(精選10篇)
- 天津2024年6月證券從業(yè)資格考試成績查詢?nèi)肟谝验_通
- 2024年四川巴中巴州區(qū)赴高校公開考試(考核)招聘高中教師25名(6月13日起報(bào)名)
- 工作自我鑒定簡短(10篇)
- 畢業(yè)快樂的祝福語(10篇)
- 煤礦安全生產(chǎn)心得體會(huì)(通用10篇)
- 轉(zhuǎn)正自我評價(jià)怎么寫
- 溫馨端午節(jié)問候句子大全10篇
- 有關(guān)放風(fēng)箏的英語日記(10篇)
- 2024年中共西寧市委黨校面向社會(huì)公開考核招聘教師公告(青海)
- 2024年四川廣元中考時(shí)間:6月13日-15日(總分920分)
- 安全警示教育心得體會(huì)(精選10篇)
- 2024年湖南衡陽衡東縣公開招聘教師(專業(yè)人員)61人(6月16日至19日報(bào)名)
- 寶寶睡前聽的故事(精選10篇)
- 2024年湖南高考錄取時(shí)間及錄取結(jié)果查詢?nèi)肟冢?月8日起)