《html》中,正在加载中的效果是怎样出来的

html-css019

《html》中,正在加载中的效果是怎样出来的,第1张

为了能正常显示demo,网友需要先去下载layer.js,加载到html中

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8" />

<head>

<title></title>

</head>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script src="layer-v3.0.3/layer/layer.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

$(function() {

$('.btn').click(function() {

layer.msg('加载中(点击关闭)', {

anim: 4, //动画效果

icon: 16,

shade: 0.5, //遮罩层透明度

shadeClose: true, //点击遮罩层关闭

time: 0, //不自动关闭

}, function() {

layer.alert('显示加载信息后,你可以执行别的操作,就像这样', {

skin: 'layui-layer-lan',

closeBtn: 0,

anim:6 //动画类型

})

})

})

})

</script>

<style type="text/css">

html,

body {

margin: 0

padding: 0

}

.demo {}

</style>

<body>

<div class="demo">

<button class="btn">点击显示效果</button>

</div>

</body>

</html>

可能是加载的浏览器不支持这个HTML文件打开。

加载的浏览器不符合这个文件的版本要求,可能是这个文件就需要更高级的浏览器,采用更加高级的版本就会导致无法显示内容,所以可以换一个浏览器就可以打开。

HTML文件的结构包括头部、主体两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。