ページ読み込み時の待機効果を実現するcss_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:37:11
オリジナル
1582 人が閲覧しました

<!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 で制御できます。背景色と画像は自分で調整できます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート