Quicktime電影就有海報幀的思想。電影中的一幀(經(jīng)常就是其中的第一幀)將會放到該電影出現(xiàn)的地方。當用戶點擊海報幀時,實現(xiàn)的電影才會通過網(wǎng)絡被加載進來。這就能極大地加快該電影所在Web頁面的加載速度。使用少許JavaScript,完全可以為Java Applet實現(xiàn)相同的功能。
Applet的海報幀
在研究這個Demo之前,我必須要提到,我個人尚未在IE瀏覽器中測試過這個Demo.如果你發(fā)現(xiàn)這個Demo不能在某個瀏覽器中運行,請向錯誤信息發(fā)送給我,以便我能更新這個JavaScript.基本思想非常的簡單,創(chuàng)建一個div,它包含一個鏈接和一張屏幕截圖。當用戶點擊該鏈接時,我們使用一個新的applet元素去替換頁面中的a和img元素。一旦瀏覽器察覺到了這個新的applet元素,它將下載Java插件并啟動這個Applet.這就有一個例子:如果你點擊了這張圖片,一個Applet就會被加載到該圖片所在的位置,并會說"applet loaded".
JavaScript
如下就是這個JavaScript腳本:
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->
該腳本的第一部分初始化了兩個哈希表,它們包含了applet元素的屬性與嵌套的param標簽。然后,它會使用document.createElement()方法去創(chuàng)建這個applet,并配置其中的屬性與PARAM元素。到目前為止,還很直接。真正地奇妙之事發(fā)生在generateInlineAppletTag函數(shù)的最后四行。它使用傳入的appletID參數(shù)與包含著上述鏈接與圖片的div元素相聯(lián)在一起,然后它會找到并刪除該鏈接,而用新的applet元素去替代這個鏈接。
HTML
要使用上述javascript函數(shù),你只需將它放到頁面的頂部,并通過那張屏幕截圖鏈接的href去調(diào)用它。在本例中,我使用了:
/>
這個div被命名為appletDiv,鏈接被命名為screenshot1.該鏈接的href會調(diào)用上述javascript函數(shù),并傳入div與鏈接的名稱。最后該圖片就只是顯示將要運行的Applet的一張屏幕截圖,該圖被一個播放按鈕覆蓋著。就這么簡單,在這里你可以看到完整的javascript和HTML語句。
結(jié)論
這個javascript只是一個開始。你還能很容易的擴展它,使圖片上能展現(xiàn)關(guān)于這個Applet的更多信息。你也可以把這個javascript重寫為一個更加可重用的形式,使它能夠被你的整個站點所共享。
下次考試大將向你展示如何使用新的發(fā)布工具包去偵測當前已安裝的Java版本,并啟動更新程序
Applet的海報幀
在研究這個Demo之前,我必須要提到,我個人尚未在IE瀏覽器中測試過這個Demo.如果你發(fā)現(xiàn)這個Demo不能在某個瀏覽器中運行,請向錯誤信息發(fā)送給我,以便我能更新這個JavaScript.基本思想非常的簡單,創(chuàng)建一個div,它包含一個鏈接和一張屏幕截圖。當用戶點擊該鏈接時,我們使用一個新的applet元素去替換頁面中的a和img元素。一旦瀏覽器察覺到了這個新的applet元素,它將下載Java插件并啟動這個Applet.這就有一個例子:如果你點擊了這張圖片,一個Applet就會被加載到該圖片所在的位置,并會說"applet loaded".
JavaScript
如下就是這個JavaScript腳本:
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->
該腳本的第一部分初始化了兩個哈希表,它們包含了applet元素的屬性與嵌套的param標簽。然后,它會使用document.createElement()方法去創(chuàng)建這個applet,并配置其中的屬性與PARAM元素。到目前為止,還很直接。真正地奇妙之事發(fā)生在generateInlineAppletTag函數(shù)的最后四行。它使用傳入的appletID參數(shù)與包含著上述鏈接與圖片的div元素相聯(lián)在一起,然后它會找到并刪除該鏈接,而用新的applet元素去替代這個鏈接。
HTML
要使用上述javascript函數(shù),你只需將它放到頁面的頂部,并通過那張屏幕截圖鏈接的href去調(diào)用它。在本例中,我使用了:
/>這個div被命名為appletDiv,鏈接被命名為screenshot1.該鏈接的href會調(diào)用上述javascript函數(shù),并傳入div與鏈接的名稱。最后該圖片就只是顯示將要運行的Applet的一張屏幕截圖,該圖被一個播放按鈕覆蓋著。就這么簡單,在這里你可以看到完整的javascript和HTML語句。
結(jié)論
這個javascript只是一個開始。你還能很容易的擴展它,使圖片上能展現(xiàn)關(guān)于這個Applet的更多信息。你也可以把這個javascript重寫為一個更加可重用的形式,使它能夠被你的整個站點所共享。
下次考試大將向你展示如何使用新的發(fā)布工具包去偵測當前已安裝的Java版本,并啟動更新程序
- 最新紀檢核查工作心得體會及感悟總結(jié)(案例13篇)
- 最新學三定工作的心得(模板14篇)
- 精選中餐擺臺的心得體會(通用22篇)
- 最新超市采購方案設計(模板15篇)
- 優(yōu)秀如何寫飲食與健康論文(案例20篇)
- 熱門原油泄漏事故心得體會(模板15篇)
- 最熱中職新生入學教育講話稿(案例17篇)
- 專業(yè)警察法和公務員法心得體會大全(23篇)
- 優(yōu)秀合伙買信托協(xié)議(通用21篇)
- 2023年教師資格證教案范文(19篇)
- 精選活動場地租賃合同協(xié)議范文(17篇)
- 優(yōu)秀書畫展覽講話(通用22篇)
- 最熱智能電網(wǎng)心得(通用15篇)
- 最新培訓后心得體會感悟大全(20篇)
- 專業(yè)清潔心得體會范文(23篇)
- 最新對新公務員法的心得體會(模板20篇)
- 實用醫(yī)保無法報銷申請書版(模板19篇)
- 實用成功人物訪談心得體會(匯總21篇)
- 專業(yè)城市建設管理培訓心得體會(案例16篇)
- 2023年洗碗心得感悟(匯總18篇)
- 訂婚喜帖祝福語(10篇)
- 三年級小學生日記300字左右(10篇)
- 我的家鄉(xiāng)400字作文四年級下冊(精選10篇)
- 中國證券業(yè)協(xié)會:2024年6月證券從業(yè)資格考試成績查詢?nèi)肟谝验_通
- 北京2024年6月證券從業(yè)資格考試成績查詢?nèi)肟谝验_通
- 給爸爸的父親節(jié)微信祝福句子(精選10篇)
- 天津2024年6月證券從業(yè)資格考試成績查詢?nèi)肟谝验_通
- 2024年四川巴中巴州區(qū)赴高校公開考試(考核)招聘高中教師25名(6月13日起報名)
- 工作自我鑒定簡短(10篇)
- 畢業(yè)快樂的祝福語(10篇)
- 煤礦安全生產(chǎn)心得體會(通用10篇)
- 轉(zhuǎn)正自我評價怎么寫
- 溫馨端午節(jié)問候句子大全10篇
- 有關(guān)放風箏的英語日記(10篇)
- 2024年中共西寧市委黨校面向社會公開考核招聘教師公告(青海)
- 2024年四川廣元中考時間:6月13日-15日(總分920分)
- 安全警示教育心得體會(精選10篇)
- 2024年湖南衡陽衡東縣公開招聘教師(專業(yè)人員)61人(6月16日至19日報名)
- 寶寶睡前聽的故事(精選10篇)
- 2024年湖南高考錄取時間及錄取結(jié)果查詢?nèi)肟冢?月8日起)

