Rumah > hujung hadapan web > html tutorial > css 实现页面加载中等待效果_html/css_WEB-ITnose

css 实现页面加载中等待效果_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 11:37:11
asal
1662 orang telah melayarinya

 

<!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="/static/imghw/default1.png"  data-src="./images/06.gif"  class="lazy"   style="max-width:90%" alt="css 实现页面加载中等待效果_html/css_WEB-ITnose" ></img>    </div></body></html>
Salin selepas log masuk


默认是隐藏的,可通过js控制div的显示和隐藏,背景颜色和图片可自行调节。

 

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan