ホームページ > 記事 > ウェブフロントエンド > ページ読み込み時の待機効果を実現するcss_html/css_WEB-ITnose
ページ読み込み時の待機効果を実現するcss_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:37:111546ブラウズ
<!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>
div の表示と非表示は js で制御できます。背景色と画像は自分で調整できます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。