openNewpage("a1",'anjian.html','anjian');//调用方法

function openNewpage(id, gethtmlid, geturl) {

var page = mui.preload({

url: gethtmlid,

id: geturl,

});

var getid = document.getElementById(id);

getid.addEventListener('tap', function() {

mui.openWindow({

url: gethtmlid,

id: geturl,

show: {

// autoShow: false,

aniShow:'zoom-out',//参考官方的效果

}

})

});

}

参考官方的效果集:

  • 从右侧平移入栈
  • 从右侧横向滑出
  • 从左侧横向滑出
  • 从上侧竖向滑出
  • 从下侧竖向滑出
  • 从小到大并逐渐透明显示
  • 从透明到不透明逐渐显示
  • 无动画

html5 js打开新页面,当前页面打开多个新页面的js (很流畅)相关推荐

  1. javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数...

    页面跳转同时执行js代码$(function(){});url参数传递 标题的前半部分其实不必赘述,按钮也可以换成超链接.. 假设是需要在A页面上的一个按钮,点击后跳转到B页面,传一些参数后且并B页面 ...

  2. 子页面调用父页面的js方法或参数(iframe.contentWindow)

    子页面调用父页面的js方法或参数 子页面调用父页面的参数 父页面调用子页面的参数或方法 相关链接 子页面调用父页面的参数 window.parent.aa();//调取aa函数 window.pare ...

  3. NET中winform与webform互相通讯实例,CS调用BS页面的JS函数---转载

    原创:.NET中winform与webform互相通讯实例,CS调用BS页面的JS函数 时间:2009-12-11 21:09:32 来源:原创 作者:dodo - - 现在C#越来越多朋友使用了,大 ...

  4. 篡改页面的Js代码,从而达到为所欲为的目的

    原文地址:篡改页面的Js代码,从而达到为所欲为的目的 | 山岚 - 90码农历险记 - https://blog.gobyte.cn/post/32b605b3.html 缘由 不少网站都是通过Jav ...

  5. php跳转wap代码,JavaScript_wap浏览自动跳转到wap页面的js代码,如何让用户输入wap手机网站的 - phpStudy...

    wap浏览自动跳转到wap页面的js代码 如何让用户输入wap手机网站的网址时自动跳转到wap网站 ? wap页面自动跳转的实现方式 ? 如何判断访客是否是移动设备访问,自动跳转到wap页面 ? 手机 ...

  6. web页面的js中检测浏览器是否加载flash插件,用来确保视频播放器和flash上传的正常运行

    web页面的js中检测浏览器是否加载flash插件,用来确保视频播放器和flash上传的正常运行 <script type="text/javascript" languag ...

  7. java中刷新页面的js,[Java教程]js页面刷新之实现框架内外刷新(整体、局部)

    [Java教程]js页面刷新之实现框架内外刷新(整体.局部) 0 2016-10-12 12:00:56 这次总结的是框架刷新: 框架内外的按钮均可以定义网页重定向, 框架内部页面的按钮可以实现局部刷 ...

  8. Thymeleaf本页面通过controller跳转到本页面的坑

    当你尝试用spring boot+thymeleaf,来实现本页面跳转到本页面功能时,我们以index通过controller跳转到index为例,你会发现,return"index&quo ...

  9. 解决iframe中引入页面的js失效

    1. 问题 2. 解决 1. 问题 在a.html中使用iframe标签引入了b.html,在打开a.html后,发现b.html中的js失效 2. 解决 在浏览器加载a.html中b.html时,解 ...

  10. html适应各个手机端页面的js

    1.首先定义一个换算函数 function getRem(pwidth, prem) {var html = document.getElementsByTagName("html" ...

最新文章

  1. MYSQL注入天书之前言
  2. 影响线型缩聚物分子量的因素_【CRPS】通过硼烷引发剂实现氧气引发的超高分子量聚合物的可控合成...
  3. Kali Linux搜索软件包
  4. 3.jeesite传统开发
  5. 数据结构考完,想了很多。
  6. 信息学奥赛C++语言:求三位数的值
  7. Windows 7 切换Python版本
  8. 网络之NSURLConnection
  9. bison、lex版本不同造成的问题
  10. MyBatis 处理长字段(long varchar)
  11. 程序员常用的笔记软件——Typora快捷键
  12. 第十五课.K均值算法
  13. FFmpeg 软编码h.264与H.265(从简到深)
  14. QTreeView更改节点图标和大小
  15. 编辑PDF文件时如何提取页面
  16. 即使是庸才我也要成为庸才中的人才
  17. 国家宝藏第三季开篇神级文案
  18. Springcloud快速入门
  19. C语言小明申请QQ号码
  20. 钣金材料是通信产品结构设计中最常用的材料

热门文章

  1. rime android汉字,irime输入法安卓下载-iRime输入法 安卓版v3.0-PC6安卓网
  2. 那些年啊,那些事——一个程序员的奋斗史 ——85
  3. 图解通信原理与案例分析-10:楼宇有线对讲电话机案例--模拟基带点对点通信详解
  4. Eclipse 官方简体中文语言包下载地址及安装方法
  5. python cad 二次开发bom_python处理BOM
  6. 如何制作/输入 英语/美语音标
  7. 十大ERP系统排行榜—2022年
  8. 由梵歌企划策划承办的方正科技总裁签售会(武汉站)圆满结束!
  9. 惊艳!阿里巴巴最新发布Java系统架构师+开发应用面试突击宝典
  10. 单片机实验13:用热敏电阻和ADC实现测量温度