项目打开子页面时的动画如何实现？用的是a标签

分类：MUI

打开页面时在页面展现之前屏幕中间出现黑色背景的加载动画，页面加载完成后消失。不知道如何实现需要怎样设置。

plus的shouwaiting方法怎么使用呢？

用的是a标签，没用onclick="clicked(this.id);

代码如下：
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a href="Item/list.asp?id=1506">
<span class="mui-icon mui-icon-home"><img src="images/canyin.png" width="40px" height="40px"></span>
<div class="mui-media-body">美食</div>
</a>
</li>

如果用h5+的代码
<li id="plus/accelerometer.html" onclick="clicked(this.id);">
<span class="item">Accelerometer
<div class="chs">加速度传感器</div>
</span>
</li>

倒可以显示动画。

用a标签怎么实现转场动画呢？

2015-03-26 11:58 负责人:无分享

2 个回复

Sunaice

function showLoadingWaiting() {  
    plus.nativeUI.showWaiting("拼命加载中...");  
    setTimeout(function() {  
        plus.nativeUI.closeWaiting();  
    }, 10000);  
}  

mui.init();  

            if (window.plus) {  
                showLoadingWaiting();  
            } else {  
                document.addEventListener("plusready", showLoadingWaiting, false);  
            }

这样一来新页面就有这个等待框了，当然你的看需求关闭 plus.nativeUI.closeWaiting();
另外

mui.openWindow({  
                url: pageUrl,  
                id: id,  
                show: {  
                    autoShow: true //  需要在页面中手动调用mui.currentWebview.show();显示     
                },  
                waiting:{  
                  autoShow:true,//页面显示加载圈，默认为true  
                  title:"正在加载界面..."  
               }  
            });

这里也有个等待的动画

DCloud_UNI_FXY

自己拦截A标签的点击事件，自己控制页面打开跳转。

该问题目前已经被锁定, 无法添加新回复

项目打开子页面时的动画如何实现？用的是a标签

2 个回复

公告

相关问题

项目打开子页面时的动画如何实现？用的是a标签

与内容相关的链接

2 个回复

公告

相关问题