国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 晋江市| 广南县| 诸暨市| 磴口县| 周宁县| 化德县| 双鸭山市| 贞丰县| 城固县| 全州县| 炉霍县| 丹阳市| 疏勒县| 舞钢市| 买车| 安达市| 湛江市| 贡觉县| 吴旗县| 托克逊县| 邯郸县| 盘山县| 伊吾县| 左贡县| 汝州市| 高淳县| 屏山县| 乌拉特后旗| 府谷县| 浦北县| 天祝| 凤阳县| 都兰县| 宁化县| 广元市| 武威市| 阿图什市| 洛川县| 玉山县| 河北区| 阿克陶县|