手机端网站首页开屏启动图代码的两种方式，检测到是手机端打开网站就会像APP一样弹出启动图，并且右上角有跳过按钮。看到 QQ 群里有人想要这个代码，那就果断分享出来吧！

手机端网站首页开屏启动图代码的两种方式 第5张插图

Html

<div class="cpm-box">
<a class="cpm" href="链接">
<div class="preview pop" style="/* visibility: hidden; */">    
    <img src="头像">
    <span class="txt-item" style="top:calc(15% + 150px)">标题</span>
    <span class="txt-item" style="top:calc(15% + 190px)">描述</span>
    </div>
    </a>
    <div class="cpm-time"><span></span> 立即跳过</div>
</div>

CSS

第一种是每次打开页面时会弹出一次，不影响网页刷新，只要不重新进入网页
第二种也是比较常见的通过记录 cookies 24 小时弹出一次

第一种 JS

第二种 JS