loading等待效果】的更多相关文章

首先,我们通过ajax请求,向后台传递参数,然后后台经过一系列的运算之后向前台返还数据,我希望在等待数据成功返还之前可以展示一个loading.gif图 不废话,在页面上执行点击事件(<a sceneid="@scene.ID" href="javascript:void(0)" rel="external nofollow" onclick="build(this)">生成</a>) function…
此插件是基于jqueryUI的widget,下面是具体实现代码 第一部分css: /***loading***/ .loading-box{ position:absolute; text-align:center;} .loading-box .loading-message{ height:30px; line-height:30px; color:#999999;} .sideslip{background-color:#f9f9f9; font-size:12px; color:#666…
效果预览:这两个球一直在转,不能进行其他操作 div放在最外层 <div id="loadingImg" style="height: 100%;width: 100%;background-image: url('img/uploading.gif');background-position: center; position: fixed;top: 1px;background-repeat: no-repeat;background-color:#FFFFFF;f…
进行查询的情况下,显示友好的等待效果可以让用户更好的了解目前的状态以及减少用户消极的等待,例如下图所示. VF提供了<apex:actionStatus>标签,,此标签用于显示一个AJAX请求更新的状态.一个AJAX请求状态可以显示为进展或完成. 实现上述效果的主要步骤如下: 1.创建一个Component:StatusSpinner.component 其中需要在salesforce中上传一个静态资源,显示loading的gif图片,有需要的可以进行下载:http://files.cnblo…
最近网页加载数据比较多,点击后给用户就是白板很不友好,想了很久找了些资料,在网页加载中显示等待画面给客户,页面加载完成自动隐藏等待效果. 在网页后台cs代码:    protected void Page_Load(object sender, EventArgs e)    {        if (!IsPostBack)        {                ShowLoanding();                //.....               //你的数据加载…
二.正文 设计师设计了一个图片上传圆环loading进度效果.如下截图: 首先,CSS3是可以实现的,以前写过一篇转大饼的文章:“CSS3实现鸡蛋饼饼状图loading等待转转转”.原理跟这个一模一样,两个半区的矩形,然后不同时机巧妙显隐实现. 但是呢,CSS3实现不太好理解,进度控制也不容易,最好直接数值变一变,进度效果就出来. 有没有其他方法呢? 哈,当然有,可以使用同样IE9+支持的SVG. 我们只需要一个实线背景圆,一个虚线变化圆两个圆就可以了. 百闻不如一见,您可以狠狠地点击这里:SV…
本文只提供思路,CSS神马的自己定制吧,JS是可以优化的,比如,输出图片的JS也可以放到showdiv()里面,我没有做优化,只是实现,别笑话我,我比较懒... 基本思路:由于Html的解析是从上到下的,所以,可以在母版页(MVC中的LayOut)页面最上面输出一个遮罩层和一张等待效果的图片,这样子,页面打开的时候,就会有一个等待效果了.代码如下: 注意:下面这些代码一定是放到页面的最前面的,放到后面可能就不太好了. <head> <style type="text/css&q…
设计师设计了一个图片上传圆环loading进度效果.如下截图: 首先,CSS3是可以实现的,以前写过一篇转大饼的文章:“CSS3实现鸡蛋饼饼状图loading等待转转转”.原理跟这个一模一样,两个半区的矩形,然后不同时机巧妙显隐实现. 但是呢,CSS3实现不太好理解,进度控制也不容易,最好直接数值变一变,进度效果就出来. 有没有其他方法呢? 哈,当然有,可以使用同样IE9+支持的SVG. 我们只需要一个实线背景圆,一个虚线变化圆两个圆就可以了. 百闻不如一见,您可以狠狠地点击这里:SVG实现圆环…
下面我就来罗列三种实现loading动画效果的方法. 方法一:使用UIImageView自带的方法来实现,这也是我推荐的实现方法. NSMutableArray *array = [[NSMutableArray alloc] initWithObjects:[UIImage imageNamed:@"1.png"],[UIImage imageNamed:@"2.png"],[UIImage imageNamed:@"3.png"],[UIIm…
由于项目中多处要给ajax提交的时候增加等待动画效果,所以就写了一个简单的通用js方法: 代码如下: /*ajax提交的延时等待效果*/ var AjaxLoding = new Object(); //wraperid : 显示loding图片的容器元素 //ms:表示loding图标显示的时长,毫秒 //envent:表示出发事件的事件源对象,用于获得出发事件的对象 //callback:表示动画结束后执行的回掉方法 //stop()方法表示在回掉方法执行成功后执行的隐藏动画的操作 Ajax…