从墨刀上下载下来的原型html如何直接作为demo展示
自动隐藏左侧页面信息
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);
![](/assets/blank.gif)
![](/assets/blank.gif)
从墨刀上下载下来的原型html如何直接作为demo展示相关推荐
- 界面原型设计工具Balsamiq、墨刀、Axure、Mockplus
Balsamiq的体验 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件.其提供了丰富的手绘风格的web常用元件, ...
- 一款原型设计工具“墨刀”的介绍
一.什么是墨刀 墨刀 MockingBot 是北京磨刀刻石科技有限公司旗下的一款在线原型设计与协同工具. 墨刀致力于简化产品制作和设计流程,采用简便的拖拽连线操作,作为一款在线原型设计软件,墨刀支持云 ...
- 原型设计工具——“墨刀”的介绍与基本教程
一.产品介绍 (1)产品简介: 墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理.设计师.开发.销售.运营及创业者等用户群体,能够搭建为产品原型,演示项目效果. (2)产品logo: (3)发展历 ...
- 产品经理原型工具选择:墨刀和axure的区别?
产品经理的最基本一项技能就是熟练使用原型工具,但是很多新入门的产品经理会困惑,如何选择原型图工具? 墨刀+axure就够用了. 墨刀主要是移动端原型,axure全能但是素材库比较麻烦. 对于我来说这要 ...
- 原型工具介绍———墨刀以及Axure RP比较
原型工具--墨刀以及Axure的比较 1759233 目录 一.了解背景... 1 二.下面分开介绍一下这两款工具... 1 2.1 Axure RP. 1 2.2墨刀... 6 三.比较... 8 ...
- html模板原型,再也不用四处找原型模版了 墨刀模版库全面升级!
话说最近 Material Design 更新了设计原则和规范,还发布了插件 Theme Editor 提高UI设计效率. 墨刀同样也没歇着,做了一项大更新: 全新升级原型模版,让原型设计的效率也up ...
- 常用开发术语及工具001---NGF_TPS_墨刀手机原型页面设计工具
JAVA技术交流QQ群:170933152 全新墨刀 v3.0手机端原型设计工具 NGFA防火墙设备 tps (每秒事务处理量(TransactionPerSecond)) 一个表达系统处理能力的性能 ...
- 墨刀原型设计工具101
墨刀是一款UI原型设计工具. 注册并登陆后,创建一个web项目,可以看到以下界面: 其中左边的元素都可以通过托拉拽的方式拖放到中间的界面上.右边是页面列表. 重点介绍: 如何创建交互行为:新建一个元素 ...
- 摩客、墨刀、axure,原型设计工具哪个好用?
1.查资料: 搜了一下官网说明: Axure RP是一个专业的快速原型设计工具. 摩客是更快.更简单的原型设计. 墨刀强大易用的原型设计与协同工具. 都是原型设计工具. 2.总结: 打个比方,Axur ...
最新文章
- java cglib jar包_Java面试题|反射必看的4道面试题
- VSCode 阅读 Linux 代码怎么才不卡顿?这样做才能快的飞起!
- vs可以调用java接口吗_关于vs2010下编译dll动态库,JNA接口在java中调用的问题
- 修改oracle实例名orcl为demo
- 设计模式的主要设计原则简介
- js vue 创建一个div_Vue.js 创建一个 CNODE 社区(1)
- EK算法(网络流,最大流)
- 水经注下载地图,导出arcgis瓦片,然后通过geoserver+geowebcache发布地图
- Python:企业微信批量发工资条工具 -应用消息发送模块
- rufus(u盘引导盘制作工具) v3.5.1497
- mysql 跨库查询_mysql跨库联表查询
- 计算机网络共享自动关,启用网络发现,重新打开“高级共享设置”对话框,显示仍是关闭状态...
- 计算机硬件技术基础 试题与答案,计算机硬件技术基础网上作业及答案
- 监护仪系统都是Linux吗,基于Linux和MCU的心电监护仪设计
- FPGA数字信号处理(1)- AM调制的FPGA实现
- 网站推广秘诀二十法(经试验有效,最后有绝招)
- boss直聘python_爬Boss直聘,分析2019下半年Python工作现状
- 【游戏面包屑】开发类职业攻略1.0
- 东北大学 Java练习 作业2 Implementing the Collections in the Gourmet Coffee System
- 软件工程毕业设计选题汇总
热门文章
- 批处理渲染Fbx到Avi视频 BatchRenderFbxToAvi Maxscript插件
- 深度学习|迁移学习|强化学习
- vite+ts+vue3 知识点(定义全局函数和变量)
- 重庆航天职业技术学院计算机系在哪个校区,重庆航天职业技术学院地址在哪里,哪个城市...
- 笔记:AVS2背景建模
- Android:在PC屏幕上显示Android手机屏幕
- 下列签名无效: EXPKEYSIG CDFB5FA52007B954 Metasploit 解决办法
- 苹果se2_太快了!苹果已面向iPhone SE 2用户推送iOS 13.4.1
- 用加密算法给女朋友写封情书
- 推荐系统8---FNN、DeepFM与NFM(FM在深度学习中的身影重现)