企业网站模板 讲湖南岚鸿,自己建网站需要什么,工程项目管理软件哪个好,网站首页的布局方式之前项目手写loading加载ingdemo#xff0c; 其中涉及图片是项目中用到#xff0c; 注意#xff1a; loadingBar div需要放到页面内容最前面; 至于何时出现或者控制隐藏显示 可使用js灵活控制即可。 !doctype html
html
head
meta charset 其中涉及图片是项目中用到 注意 loadingBar div需要放到页面内容最前面; 至于何时出现或者控制隐藏显示 可使用js灵活控制即可。 !doctype html
html
head
meta charsetutf-8
titleloading遮罩demo/title
/headbody
style
.loadingBar{background-color:white;display:block;text-align:center;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999}
.loadingBar:before{content:;display:inline-block;height:100%;vertical-align:middle}
.loadingIcon{width:90px;height:90px;background-image:url(http://J.bjyyb.net/images/yiyingbaologo.png);background-size:65px auto;background-repeat:no-repeat;display:inline-block;vertical-align:middle;background-position:center center;position:relative;top:-30%}
#rotation{animation:rotation 1.8s linear infinite;-moz-animation:rotation 1.8s linear infinite;-webkit-animation:rotation 1.8s linear infinite;-o-animation:rotation 1.8s linear infinite}
keyframes rotation{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
-moz-keyframes rotation{from{-moz-transform:rotate(360deg)}to{-moz-transform:rotate(0deg)}}
-webkit-keyframes rotation{from{-webkit-transform:rotate(360deg)}to{-webkit-transform:rotate(0deg)}}
-o-keyframes rotation{from{-o-transform:rotate(360deg)}to{-o-transform:rotate(0deg)}}
/style
div classloadingBardate-loadTimg0div classloadingIconembed width90height90srchttp://test.qdetong.com/public/images/rotation.svgidrotationtypeimage/svgxml/embed/div
/div
/body
/html 转载于:https://www.cnblogs.com/litterjoan/articles/5801952.html