引导如何实现遮罩层效果

  介绍

这篇文章主要介绍引导如何实现遮罩层效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

效果图如下:

引导如何实现遮罩层效果”> <br/> </p> <p> 1,点击打开遮罩层按钮</p> <p> <img src=

2,弹出一个隐藏的p

引导如何实现遮罩层效果”> <br/> </p> <p>源码下载地址:http://download.csdn.net/detail/u014175572/9564824 </p> <p>实现代码如下:</p> <pre类= & lt; ! DOCTYPE  html>   & lt; html>   ,   & lt; head>   & lt; meta  charset=皍tf-8"祝辞   & lt; meta  http-equiv=癤-UA-Compatible",内容=癐E=edge"比;   & lt; meta  name=皏iewport",内容=翱矶?设备宽度,初始=1,最大范围=1,user-scalable=no"比;   & lt; !——,上述3个元标签*必须*放在最前面,任何其他内容都*必须*跟随其后!,——比;   & lt; title>遮罩层DEM   & lt; !——, Bootstrap ——比;   & lt; link  href=https://www.yisu.com/zixun/癱ss/bootstrap.min.css”rel="样式表">   <链接的href=" css/索引/索引。css样式表" rel=" ">      js/jquery-2.1.4.min.js