国产探花免费观看_亚洲丰满少妇自慰呻吟_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");};            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 五华县| 雅江县| 宜城市| 保靖县| 德令哈市| 紫云| 宁安市| 大洼县| 汪清县| 海丰县| 雅江县| 冷水江市| 剑阁县| 稻城县| 凤台县| 乌兰浩特市| 灵武市| 固原市| 库尔勒市| 丰顺县| 昌江| 聊城市| 伊宁市| 长顺县| 丰镇市| 沾化县| 山东省| 绵阳市| 稻城县| 天门市| 保定市| 印江| 衡东县| 鹤山市| 扬中市| 贵州省| 徐汇区| 义马市| 昆明市| 郑州市| 郑州市|