html5 js打开新页面,当前页面打开多个新页面的js （很流畅）

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',//参考官方的效果

}

})

});

}

参考官方的效果集：

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