在界面上贴一个gif动态等待效果图片
gif图片获取方式：网上找素材，会ps的可以自己制作
<img src="wait.gif" />
2、CSS3/SVG/HTML5 Canvas手动绘制等待效果：
这种效果：网上有很多类似素材，可以根据需要选择，或使用上述技术绘制
下面提供一个CSS3绘制的范例
<style>
.loading {
width:0
height:0
border-right:20px solid #fff
border-top:20px solid #000
border-left:20px solid #fff
border-bottom:20px solid #000
border-radius: 20px
-moz-border-radius: 20px
-webkit-border-radius: 20px
}
.loading {
animation: bganim 0.6s linear 0s infinite
-moz-animation: bganim 0.6s linear 0s infinite
-webkit-animation: bganim 0.6s linear 0s infinite
}
@keyframes bganim {
from { transform:rotate(0deg)} to { transform:rotate(360deg)}
}
@-moz-keyframes bganim {
from { -moz-transform:rotate(0deg)} to { -moz-transform:rotate(360deg)}
}
@-webkit-keyframes bganim {
from { -webkit-transform:rotate(0deg)} to { -webkit-transform:rotate(360deg)}
}
</style>
<label>CSS3效果</label>
<div class="loading"></div>
-------------------------------------------------
效果如下图：
运行机制很简单，先手动绘制一个静态的图，然后控制对应div进行360度旋转，即可实现
3、使用js等待效果插件(如：spin.js)
JS
-----------------------------------------------------
var opts = {
lines: 9,
length: 0,
width: 15,
radius: 20,
corners: 1,
rotate: 0,
direction: 1,
color: '#0101DF',
speed: 1,
trail: 34,
shadow: false,
hwaccel: false,
className: 'spinner',
zIndex: 2e9,
top: '50%',
left: '50%'
}
var target = document.getElementById('img_wait')
var spinner = new Spinner(opts).spin(target)
7
html
---------------------------------
<div id="img_wait"></div>
v. (使)旋转；疾驰；纺织；结网；眩晕
n. 纺织；旋转；眩晕；疾驰
一、读音：英 [spɪn]，美 [spɪn]
二、例句：
My sister can spin on her toes like a dancer.
我妹妹能像舞者一样踮着脚尖旋转。
三、词汇用法：
1、spin用作名词的意思是“旋转”，转化为动词作“使…旋转”解，指人或物围绕着自身轴心或外部某一点快速转动，可用作不及物动词，也可用作及物动词。用作及物动词时接名词或代词作宾语。
2、spin用于比喻时作“讲述”“编造”“撰写”解，用作及物动词，接名词或代词作宾语，还可以接双宾语。
3、spin的过去式和过去分词均为spun。
扩展资料：
近义词：turn
一、意思：
v. 翻转；旋转；转动；转向；轮流；（使）变得
n. 轮流；转动
二、读音：英 [tɜːn]，美 [tɜːrn]
三、例句：
The turbulence caused the plane to turn over.
空气的激流导致飞机翻转。
四、词汇用法：
turn的基本意思是“旋转，转动”，指做圆周运动或弧形运动。引申可作“翻转”“开始涨或落”“瞄准，指向”“使…向某方向走”，“达到，超过”，用车床加工，车削”等解。作“改变”解时，指彻底改变，以至面目全非，且常用于朝坏的方向改变。
turn可用作及物动词，也可用作不及物动词。用作及物动词时，可接名词或代词作宾语，也可接以形容词充当补足语的复合宾语。
spin英[spɪn]美[spɪn]vi.纺纱吐（丝），作（茧），结网快速旋转眩晕
vt.纺（线）吐丝，将…抽成丝讲述，尤指通过想象地使延长，使延伸
n.旋转的行为快速的旋运动眩晕疾驰
[例句]The latest discs, used for small portable computers, spin 3600 times a minute
用在小型便携式计算机上的最新光盘转速为每分钟3,600转。
[其他]第三人称单数：spins 复数：spins 现在分词：spinning 过去式：spun过去分词：spun
