keyframes 是用于定义CSS动画的, 兼容得加-webkit-或者-o-之类 使用动画的时候,animation:animation: myfirst 5s linear 2s infinite alternate; anames(keyframes定义的动画名)) 5s(运行动画的时间) linear(动画加速匀速,ease为慢快慢) 2s(动画从2秒处开始,默认0) infinite(动画无限循环播放,默认是放1次) alternate(下一周期逆向播放,默认是normal); document.onreadystatechange 页面加载状态改变时的事件 document.readyState 返回当前文档的状态 transform: scaleY(0.4); 缩小高度 animation: load 1.2s infinite; 过1.2秒后持续性加载load方法 animation-delay: .4s; 延迟0.4秒加载; transform:rotate(360deg); 旋转
fadeout jquery的渐隐,
进度条加载类型 1.从左到右滑动 2.WiFi图像 3.国外网站黑色 4.进度百分比
动态加载进度
document.onreadystatechange 页面加载状态改变时的事件 document.readyState 返回当前文档的状态
transform: scaleY(0.4); 缩小高度 animation: load 1.2s infinite; 过1.2秒后持续性加载load方法 animation-delay: .4s; 延迟0.4秒加载; transform:rotate(360deg); 旋转 $("img").size(); 获取所有图片的个数。
www.loading.io 生成加载图标的css样式
preloaders.net 可以搜索 load 加载的图标