JS實(shí)現(xiàn)全屏預(yù)覽F11功能的示例代碼
老是不通過,沒辦法,只能是重新發(fā)布了,反正我就是杠上了,大大小小寫過很多前端特效,當(dāng)然也經(jīng)常在網(wǎng)上copy或者修改人家的代碼,我覺得也挺好的,為什么?!因?yàn)槲蚁脒@樣,你能怎么辦,打我?
少廢話,直接上代碼,
JS代碼
function fullScreen(el) { var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, wscript; if(typeof rfs != "undefined" && rfs) { rfs.call(el); return; } if(typeof window.ActiveXObject != "undefined") { wscript = new ActiveXObject("WScript.Shell"); if(wscript) { wscript.SendKeys("{F11}"); } } } function exitFullScreen(el) { var el= document, cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen, wscript; if (typeof cfs != "undefined" && cfs) { cfs.call(el); return; } if (typeof window.ActiveXObject != "undefined") { wscript = new ActiveXObject("WScript.Shell"); if (wscript != null) { wscript.SendKeys("{F11}"); } } }
HTML代碼
最近受了一點(diǎn)點(diǎn)小刺激,對自己做的工作產(chǎn)生迷茫,不知道還要做這個(gè)做多久,還有我其實(shí)還是喜歡設(shè)計(jì)多一些,還有我喜歡設(shè)計(jì),但是設(shè)計(jì)太難了,經(jīng)常覺得自己做的東西跟別人的,比起來差個(gè)好幾萬塊錢,Why?你問我,我問誰。好吧,我也很無賴。
舉個(gè)小小例子,隨便來一個(gè)按鈕試試,按鈕上在來個(gè)點(diǎn)擊事件切換。
<html id="Content"> <body> <ul> <li> <a id="BtnFullOpen" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" title="按“F11”進(jìn)入全屏模式"> <i class="ace-icon fa fa-arrows-alt"></i>全屏查看 </a> <a id="BtnFullQuite" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" title="按“F11”關(guān)閉全屏模式" style="display:none;"> <i class="ace-icon fa fa-arrows-alt"></i>全屏關(guān)閉 </a> </li> <li>2</li> <li>3</li> <li>5</li> </ul> </body> </html>
記得一定要加上調(diào)用代碼,調(diào)用代碼,調(diào)用代碼,說三遍...
JS調(diào)用代碼
var oBtnFullOpen = document.getElementById('BtnFullOpen'); var oContent = document.getElementById('Content'); oBtnFullOpen.onclick = function() { fullScreen(oContent); oBtnFullQuite.setAttribute("style", "display:block"); oBtnFullOpen.setAttribute("style", "display:none"); } var oBtnFullQuite = document.getElementById('BtnFullQuite'); oBtnFullQuite.onclick = function() { exitFullScreen(oContent); oBtnFullQuite.setAttribute("style", "display:none"); oBtnFullOpen.setAttribute("style", "display:block"); };
只做個(gè)人備忘,不做任何發(fā)表,不做信息交流。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js中頁面的重新加載(當(dāng)前頁面/上級頁面)及frame或iframe元素引用介紹
用JavaScript刷新上級頁面和當(dāng)前頁面在某些情況下還是比較實(shí)用的,感興趣的朋友可以了解下另外介紹一下frame或iframe元素的引用方法,希望本文對你有所幫助2013-01-01extjs簡介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了extjs簡介,ExtJS為開發(fā)者在開發(fā)富客戶的B/S應(yīng)用中提供豐富的UI組件,具有統(tǒng)一的主題,便于快速開發(fā),提高效率2017-07-07JS 實(shí)現(xiàn)導(dǎo)航欄懸停效果(續(xù))
上次導(dǎo)航欄懸停的那個(gè)頁面在IE上運(yùn)行的時(shí)候,會(huì)出導(dǎo)航欄不停的抖動(dòng)問題,在本文已有完美的解決方法,將導(dǎo)航欄的定位方式由原來的absolute改為fixed即可2013-09-09JavaScript Event學(xué)習(xí)第四章 傳統(tǒng)的事件注冊模型
在這一章我會(huì)講解給元素注冊事件的最好的一種辦法,那就是:確保一個(gè)特定的事件在特定的HTML元素上發(fā)生并且能運(yùn)行特定的腳本。2010-02-02JavaScript之iterable_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript之iterable,遍歷Array可以采用下標(biāo)循環(huán),遍歷Map和Set就無法使用下標(biāo)。為了統(tǒng)一集合類型,ES6標(biāo)準(zhǔn)引入了新的iterable類型,Array、Map和Set都屬于iterable類型2017-06-06關(guān)于JavaScript中name的意義沖突示例介紹
這篇文章主要介紹了關(guān)于JavaScript中name的意義沖突,需要的朋友可以參考下2014-05-05JS實(shí)現(xiàn)頁面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁面
這篇文章主要介紹了JS實(shí)現(xiàn)頁面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁面,需要的朋友可以參考下2015-01-01