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瀏覽器中測(cè)試過這個(gè)Demo.如果你發(fā)現(xiàn)這個(gè)Demo不能在某個(gè)瀏覽器中運(yùn)行,請(qǐng)向錯(cuò)誤信息發(fā)送給我,以便我能更新這個(gè)JavaScript.基本思想非常的簡(jiǎn)單,創(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è)播放按鈕覆蓋著。就這么簡(jiǎn)單,在這里你可以看到完整的javascript和HTML語句。
結(jié)論
這個(gè)javascript只是一個(gè)開始。你還能很容易的擴(kuò)展它,使圖片上能展現(xiàn)關(guān)于這個(gè)Applet的更多信息。你也可以把這個(gè)javascript重寫為一個(gè)更加可重用的形式,使它能夠被你的整個(gè)站點(diǎn)所共享。
下次考試大將向你展示如何使用新的發(fā)布工具包去偵測(cè)當(dāng)前已安裝的Java版本,并啟動(dòng)更新程序
Applet的海報(bào)幀
在研究這個(gè)Demo之前,我必須要提到,我個(gè)人尚未在IE瀏覽器中測(cè)試過這個(gè)Demo.如果你發(fā)現(xiàn)這個(gè)Demo不能在某個(gè)瀏覽器中運(yùn)行,請(qǐng)向錯(cuò)誤信息發(fā)送給我,以便我能更新這個(gè)JavaScript.基本思想非常的簡(jiǎn)單,創(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è)播放按鈕覆蓋著。就這么簡(jiǎn)單,在這里你可以看到完整的javascript和HTML語句。
結(jié)論
這個(gè)javascript只是一個(gè)開始。你還能很容易的擴(kuò)展它,使圖片上能展現(xiàn)關(guān)于這個(gè)Applet的更多信息。你也可以把這個(gè)javascript重寫為一個(gè)更加可重用的形式,使它能夠被你的整個(gè)站點(diǎn)所共享。
下次考試大將向你展示如何使用新的發(fā)布工具包去偵測(cè)當(dāng)前已安裝的Java版本,并啟動(dòng)更新程序
- 《人民的名義》全集遭泄露
- 2017年大學(xué)生黨課思想?yún)R報(bào)范文
- 2017北京市密云區(qū)事業(yè)單位招聘40人公告
- 2017年最新大學(xué)生入黨積極分子思想?yún)R報(bào)2000字
- 廣東省2022年??普骷驹竿稒n情況公布
- 小學(xué)生奧數(shù)題和倍問題、加減法的巧算
- 少兒經(jīng)典童話故事集錦(5篇)
- 畢業(yè)對(duì)老師的祝福語
- 2017北京懷柔區(qū)事業(yè)單位公招聘123人公告
- 山東2017年初級(jí)會(huì)計(jì)職稱準(zhǔn)考證打印時(shí)間及入口
- 開業(yè)祝福語 診所開業(yè)祝福語
- 甘肅2023年國(guó)考準(zhǔn)考證打印入口(2022年11月29日-12月4日)
- 精選五言律詩閱讀大全
- 青海2023年國(guó)考準(zhǔn)考證打印入口(2022年11月29日-12月4日)
- 春季早上好祝福語
- 2017上半年重慶大渡口區(qū)教育事業(yè)單位招聘補(bǔ)充公告
- 山東青島2017年初級(jí)會(huì)計(jì)職稱準(zhǔn)考證打印時(shí)間
- 2017年每日清晨問候語短信
- 關(guān)于五一勞動(dòng)節(jié)的英語手抄報(bào)【10篇】
- 2022年山東濟(jì)南市二級(jí)建造師報(bào)名入口
- 訂婚喜帖祝福語(10篇)
- 三年級(jí)小學(xué)生日記300字左右(10篇)
- 我的家鄉(xiāng)400字作文四年級(jí)下冊(cè)(精選10篇)
- 中國(guó)證券業(yè)協(xié)會(huì):2024年6月證券從業(yè)資格考試成績(jī)查詢?nèi)肟谝验_通
- 北京2024年6月證券從業(yè)資格考試成績(jī)查詢?nèi)肟谝验_通
- 給爸爸的父親節(jié)微信祝福句子(精選10篇)
- 天津2024年6月證券從業(yè)資格考試成績(jī)查詢?nèi)肟谝验_通
- 2024年四川巴中巴州區(qū)赴高校公開考試(考核)招聘高中教師25名(6月13日起報(bào)名)
- 工作自我鑒定簡(jiǎn)短(10篇)
- 畢業(yè)快樂的祝福語(10篇)
- 煤礦安全生產(chǎn)心得體會(huì)(通用10篇)
- 轉(zhuǎn)正自我評(píng)價(jià)怎么寫
- 溫馨端午節(jié)問候句子大全10篇
- 有關(guān)放風(fēng)箏的英語日記(10篇)
- 2024年中共西寧市委黨校面向社會(huì)公開考核招聘教師公告(青海)
- 2024年四川廣元中考時(shí)間:6月13日-15日(總分920分)
- 安全警示教育心得體會(huì)(精選10篇)
- 2024年湖南衡陽衡東縣公開招聘教師(專業(yè)人員)61人(6月16日至19日?qǐng)?bào)名)
- 寶寶睡前聽的故事(精選10篇)
- 2024年湖南高考錄取時(shí)間及錄取結(jié)果查詢?nèi)肟冢?月8日起)