国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS實現全屏預覽F11功能的示例代碼

2024-05-06 15:32:32
字體:
來源:轉載
供稿:網友

老是不通過,沒辦法,只能是重新發布了,反正我就是杠上了,大大小小寫過很多前端特效,當然也經常在網上copy或者修改人家的代碼,我覺得也挺好的,為什么?!因為我想這樣,你能怎么辦,打我?

少廢話,直接上代碼,

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代碼

最近受了一點點小刺激,對自己做的工作產生迷茫,不知道還要做這個做多久,還有我其實還是喜歡設計多一些,還有我喜歡設計,但是設計太難了,經常覺得自己做的東西跟別人的,比起來差個好幾萬塊錢,Why?你問我,我問誰。好吧,我也很無賴。

舉個小小例子,隨便來一個按鈕試試,按鈕上在來個點擊事件切換。

<html id="Content">  <body>    <ul>      <li>        <a id="BtnFullOpen" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" title="按“F11”進入全屏模式">          <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”關閉全屏模式" style="display:none;">          <i class="ace-icon fa fa-arrows-alt"></i>全屏關閉        </a>      </li>      <li>2</li>      <li>3</li>      <li>5</li>    </ul>  </body></html>

記得一定要加上調用代碼,調用代碼,調用代碼,說三遍...

JS調用代碼

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");};            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 安福县| 连州市| 万山特区| 孟津县| 宾阳县| 永平县| 临城县| 健康| 呈贡县| 浑源县| 尤溪县| 施甸县| 德惠市| 讷河市| 南岸区| 营山县| 策勒县| 馆陶县| 紫金县| 灌阳县| 牙克石市| 大竹县| 鄂托克前旗| 马关县| 襄汾县| 察隅县| 沭阳县| 绵竹市| 丰宁| 高唐县| 沐川县| 黑水县| 财经| 土默特右旗| 瓮安县| 云安县| 措美县| 安乡县| 泰顺县| 舒城县| 洪湖市|