从墨刀上下载下来的原型html如何直接作为demo展示

吉星9527ABC

已于 2023-03-22 16:16:17 修改

阅读量1k

点赞数

文章标签： html 前端 Powered by 金山文档

于 2023-03-22 15:21:03 首次发布

本文链接：https://blog.csdn.net/jinsedeme0881/article/details/129710683

版权

自动隐藏左侧页面信息

function loadfun() {
   setTimeout(function(){  $("#mb-preview-leftpane").hide() }, 3000);
  
   }

自动设置为100%

setTimeout(()=>{
for(var i = 0; i < 5; i++) {
var num = Number($('.zoom-options-panel-toggle').html().replace('%', ''))
if(num < 100) {
$('.zoom-in').click()
}else if(num > 100) {
$('.zoom-out').click()
}else if (num == 100) {
$('.zoom-in').unbind()
$('.zoom-out').unbind()
}
console.log('aa', Number($('.zoom-options-panel-toggle').html().replace('%', '')))
}
}, 3000)

自动设置为全屏

<div  style="z-index: 9999;position: absolute;top: 15px;left: 70%; font-size: 22px;color:red">
    <button onclick="fullScreen()">全屏预览</button>
  </div>
  <div  style="z-index: 9999;position: absolute;top: 15px;left: 80%;font-size: 22px;color:blue">
    <button onclick="exitFullScreen()">退出全屏</button>
  </div>
<script>
  //全屏
  function fullScreen() {
    var el = document.documentElement;
    el.requestFullscreen||el.mozRequestFullScreen||el.webkitRequestFullscreen||el.msRequestFullScreen?
    el.requestFullscreen()||el.mozRequestFullScreen()|| el.webkitRequestFullscreen()||el.msRequestFullscreen():null;

  }
  // 退出全屏
  function exitFullScreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen()
      } else if (document.msExitFullscreen) {
        document.msExitFullscreen()
      } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen()
      } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen()
    }
  }
</script>

把，1，2，整合到一起

function loadfun() {
    setTimeout(function(){ 
       $("#mb-preview-leftpane").hide()
       for(var i = 0; i < 20; i++) { 
        var num = Number($('.zoom-options-panel-toggle').html().replace('%', ''))
        if(num < 100) {
          $('.zoom-in').click()
        console.log('1111')
        }else if(num > 100) {
          $('.zoom-out').click()
        }else if (num == 100) {
          $('.zoom-in').unbind()
          $('.zoom-out').unbind()
        }
      }
    }, 3000);