css 实现页面加载中等待效果
生活随笔
收集整理的這篇文章主要介紹了
css 实现页面加载中等待效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
<!DOCTYPE html> <html> <head> <title>css實現頁面加載中,請稍候效果</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"></head> <body><div id="loadPage"style="display:none;position:absolute; left:-1px; top:1px; width:100%; height:100%;moz-opacity: 0.3;filter:Alpha(opacity=50); opacity: 0.3; background-color:#555; z-index:1000;"><img src="./images/06.gif" style="position: fixed;left: 48%;top:35%;"></img></div> </body> </html>
默認是隱藏的，可通過js控制div的顯示和隱藏，背景顏色和圖片可自行調節。
?
轉載于:https://www.cnblogs.com/zhourunbest/p/4795149.html
總結
以上是生活随笔為你收集整理的css 实现页面加载中等待效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux系统中CPU使用率查询常用的5
- 下一篇： 转载：冷门js技巧