JS實(shí)現(xiàn)全屏預(yù)覽F11功能的示例代碼
老是不通過(guò),沒(méi)辦法,只能是重新發(fā)布了,反正我就是杠上了,大大小小寫過(guò)很多前端特效,當(dāng)然也經(jīng)常在網(wǎng)上copy或者修改人家的代碼,我覺(jué)得也挺好的,為什么?!因?yàn)槲蚁脒@樣,你能怎么辦,打我?
少?gòu)U話,直接上代碼,
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)小刺激,對(duì)自己做的工作產(chǎn)生迷茫,不知道還要做這個(gè)做多久,還有我其實(shí)還是喜歡設(shè)計(jì)多一些,還有我喜歡設(shè)計(jì),但是設(shè)計(jì)太難了,經(jīng)常覺(jué)得自己做的東西跟別人的,比起來(lái)差個(gè)好幾萬(wàn)塊錢,Why?你問(wèn)我,我問(wèn)誰(shuí)。好吧,我也很無(wú)賴。
舉個(gè)小小例子,隨便來(lái)一個(gè)按鈕試試,按鈕上在來(lái)個(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)用代碼,說(shuō)三遍...
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ā)表,不做信息交流。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JavaScript控制瀏覽器全屏顯示簡(jiǎn)單示例
- js實(shí)現(xiàn)各瀏覽器全屏代碼實(shí)例
- 原生javascript實(shí)現(xiàn)的全屏滾動(dòng)功能示例
- JavaScript全屏和退出全屏事件總結(jié)(附代碼)
- fullPage.js和CSS3實(shí)現(xiàn)全屏滾動(dòng)效果
- 原生js實(shí)現(xiàn)類似fullpage的單頁(yè)/全屏滾動(dòng)
- Javascript 實(shí)現(xiàn)全屏滾動(dòng)實(shí)例代碼
- JS實(shí)現(xiàn)全屏的四種寫法
- JS 全屏和退出全屏詳解及實(shí)例代碼
相關(guān)文章
js中頁(yè)面的重新加載(當(dāng)前頁(yè)面/上級(jí)頁(yè)面)及frame或iframe元素引用介紹
用JavaScript刷新上級(jí)頁(yè)面和當(dāng)前頁(yè)面在某些情況下還是比較實(shí)用的,感興趣的朋友可以了解下另外介紹一下frame或iframe元素的引用方法,希望本文對(duì)你有所幫助2013-01-01extjs簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了extjs簡(jiǎn)介,ExtJS為開(kāi)發(fā)者在開(kāi)發(fā)富客戶的B/S應(yīng)用中提供豐富的UI組件,具有統(tǒng)一的主題,便于快速開(kāi)發(fā),提高效率2017-07-07JS 實(shí)現(xiàn)導(dǎo)航欄懸停效果(續(xù))
上次導(dǎo)航欄懸停的那個(gè)頁(yè)面在IE上運(yùn)行的時(shí)候,會(huì)出導(dǎo)航欄不停的抖動(dòng)問(wèn)題,在本文已有完美的解決方法,將導(dǎo)航欄的定位方式由原來(lái)的absolute改為fixed即可2013-09-09JavaScript Event學(xué)習(xí)第四章 傳統(tǒng)的事件注冊(cè)模型
在這一章我會(huì)講解給元素注冊(cè)事件的最好的一種辦法,那就是:確保一個(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就無(wú)法使用下標(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)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面
這篇文章主要介紹了JS實(shí)現(xiàn)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面,需要的朋友可以參考下2015-01-01