1. 自动隐藏左侧页面信息

function loadfun() {setTimeout(function(){  $("#mb-preview-leftpane").hide() }, 3000);}
  1. 自动设置为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)
  1. 自动设置为全屏

<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. 把,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);

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

  1. 界面原型设计工具Balsamiq、墨刀、Axure、Mockplus

    Balsamiq的体验 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件.其提供了丰富的手绘风格的web常用元件, ...

  2. 一款原型设计工具“墨刀”的介绍

    一.什么是墨刀 墨刀 MockingBot 是北京磨刀刻石科技有限公司旗下的一款在线原型设计与协同工具. 墨刀致力于简化产品制作和设计流程,采用简便的拖拽连线操作,作为一款在线原型设计软件,墨刀支持云 ...

  3. 原型设计工具——“墨刀”的介绍与基本教程

    一.产品介绍 (1)产品简介: 墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理.设计师.开发.销售.运营及创业者等用户群体,能够搭建为产品原型,演示项目效果. (2)产品logo: (3)发展历 ...

  4. 产品经理原型工具选择:墨刀和axure的区别?

    产品经理的最基本一项技能就是熟练使用原型工具,但是很多新入门的产品经理会困惑,如何选择原型图工具? 墨刀+axure就够用了. 墨刀主要是移动端原型,axure全能但是素材库比较麻烦. 对于我来说这要 ...

  5. 原型工具介绍———墨刀以及Axure RP比较

    原型工具--墨刀以及Axure的比较 1759233 目录 一.了解背景... 1 二.下面分开介绍一下这两款工具... 1 2.1 Axure RP. 1 2.2墨刀... 6 三.比较... 8 ...

  6. html模板原型,再也不用四处找原型模版了 墨刀模版库全面升级!

    话说最近 Material Design 更新了设计原则和规范,还发布了插件 Theme Editor 提高UI设计效率. 墨刀同样也没歇着,做了一项大更新: 全新升级原型模版,让原型设计的效率也up ...

  7. 常用开发术语及工具001---NGF_TPS_墨刀手机原型页面设计工具

    JAVA技术交流QQ群:170933152 全新墨刀 v3.0手机端原型设计工具 NGFA防火墙设备 tps (每秒事务处理量(TransactionPerSecond)) 一个表达系统处理能力的性能 ...

  8. 墨刀原型设计工具101

    墨刀是一款UI原型设计工具. 注册并登陆后,创建一个web项目,可以看到以下界面: 其中左边的元素都可以通过托拉拽的方式拖放到中间的界面上.右边是页面列表. 重点介绍: 如何创建交互行为:新建一个元素 ...

  9. 摩客、墨刀、axure,原型设计工具哪个好用?

    1.查资料: 搜了一下官网说明: Axure RP是一个专业的快速原型设计工具. 摩客是更快.更简单的原型设计. 墨刀强大易用的原型设计与协同工具. 都是原型设计工具. 2.总结: 打个比方,Axur ...

最新文章

  1. java cglib jar包_Java面试题|反射必看的4道面试题
  2. VSCode 阅读 Linux 代码怎么才不卡顿?这样做才能快的飞起!
  3. vs可以调用java接口吗_关于vs2010下编译dll动态库,JNA接口在java中调用的问题
  4. 修改oracle实例名orcl为demo
  5. 设计模式的主要设计原则简介
  6. js vue 创建一个div_Vue.js 创建一个 CNODE 社区(1)
  7. EK算法(网络流,最大流)
  8. 水经注下载地图,导出arcgis瓦片,然后通过geoserver+geowebcache发布地图
  9. Python:企业微信批量发工资条工具 -应用消息发送模块
  10. rufus(u盘引导盘制作工具) v3.5.1497
  11. mysql 跨库查询_mysql跨库联表查询
  12. 计算机网络共享自动关,启用网络发现,重新打开“高级共享设置”对话框,显示仍是关闭状态...
  13. 计算机硬件技术基础 试题与答案,计算机硬件技术基础网上作业及答案
  14. 监护仪系统都是Linux吗,基于Linux和MCU的心电监护仪设计
  15. FPGA数字信号处理(1)- AM调制的FPGA实现
  16. 网站推广秘诀二十法(经试验有效,最后有绝招)
  17. boss直聘python_爬Boss直聘,分析2019下半年Python工作现状
  18. 【游戏面包屑】开发类职业攻略1.0
  19. 东北大学 Java练习 作业2 Implementing the Collections in the Gourmet Coffee System
  20. 软件工程毕业设计选题汇总

热门文章

  1. 批处理渲染Fbx到Avi视频 BatchRenderFbxToAvi Maxscript插件
  2. 深度学习|迁移学习|强化学习
  3. vite+ts+vue3 知识点(定义全局函数和变量)
  4. 重庆航天职业技术学院计算机系在哪个校区,重庆航天职业技术学院地址在哪里,哪个城市...
  5. 笔记:AVS2背景建模
  6. Android:在PC屏幕上显示Android手机屏幕
  7. 下列签名无效: EXPKEYSIG CDFB5FA52007B954 Metasploit 解决办法
  8. 苹果se2_太快了!苹果已面向iPhone SE 2用户推送iOS 13.4.1
  9. 用加密算法给女朋友写封情书
  10. 推荐系统8---FNN、DeepFM与NFM(FM在深度学习中的身影重现)