项目实战经验分享，素材特效源码定制
htm
html
<div id="orientLayer">
内容内容内容内容内容
div>
<div class="mod-orient-layer">
<div class="mod-orient-layer__content">
<div class="mod-orient-layer__icon-orient">
div>
<span>为了更好的体验，请使用横屏浏览span>
div>
div> <script>
var orientLayer = document.getElementById("orientLayer");
//判断横屏竖屏
function checkDirect() { if (document.documentElement.clientHeight >= document.documentElement.clientWidth) { return "portrait"; } else { return "landscape"; } }
//显示屏幕方向提示浮层
function orientNotice() {
var orient = checkDirect();
if (orient == "portrait") { orientLayer.style.display = "none"; }else { orientLayer.style.display = "block"; } } function init() {
orientNotice(); window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () { setTimeout(orientNotice, 200); }) } init();
script>1. 本站所有素材（未指定商用），仅限学习交流请勿用于商业用途。
2. 原创商用和VIP素材，未经合法授权，会员不得以任何形式发布、传播、复制、转售该素材，否则一律封号处理。
3. 如果素材损害你的权益请联系客服vx：13230981129给予处理。
咨询TA
查看(342)次
下载
