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

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

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

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

手机端网站首页开屏启动图代码的两种方式 第3张插图
此处内容已隐藏,评论后刷新即可查看!

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

第一种 JS

手机端网站首页开屏启动图代码的两种方式 第3张插图
此处内容已隐藏,评论后刷新即可查看!

第二种 JS

手机端网站首页开屏启动图代码的两种方式 第3张插图
此处内容已隐藏,评论后刷新即可查看!

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
如若转载,请注明出处:https://www.zxki.cn/7733.html

上一篇 2023-10-4 19:47
下一篇 2023-10-4 21:03

相关推荐

发表评论

为了防止灌水评论,登录后即可评论!

已有 12 条评论