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

首頁 > 開發 > JS > 正文

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

2024-05-06 16:45:18
字體:
來源:轉載
供稿:網友

老是不通過,沒辦法,只能是重新發布了,反正我就是杠上了,大大小小寫過很多前端特效,當然也經常在網上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"          <i class="ace-icon fa fa-arrows-alt"></i>全屏查看        </a>        <a id="BtnFullQuite" href="javascript:void(0);" rel="external nofollow" rel="external nofollow"          <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");};

只做個人備忘,不做任何發表,不做信息交流。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 六枝特区| 屯留县| 南靖县| 讷河市| 阜康市| 榆社县| 疏勒县| 上林县| 同德县| 九龙坡区| 西丰县| 龙门县| 观塘区| 唐山市| 图片| 文成县| 中卫市| 牟定县| 会泽县| 宁津县| 和林格尔县| 木兰县| 基隆市| 平果县| 阜新市| 开平市| 确山县| 北宁市| 鹰潭市| 雅安市| 平罗县| 乌兰察布市| 吴堡县| 天镇县| 林西县| 天祝| 汝阳县| 深水埗区| 呼玛县| 比如县| 泰来县|