完整网页代码|引导页-导航页源码02款

时间:5个月前   阅读:286
<html>
<head>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=0 height=0 src="//music.163.com/outchain/player?type=2&id=41630480&auto=1&height=66"></iframe>
<title>Zshaowl</title>
<meta charset="UTF-8">
<meta name="keywords" content="Zshaowl">
<meta name="description" content="Zshaowl">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="format-detection" content="telephone=no">
<meta name="robots" content="index,follow">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" type="text/css" href="http://shuju.zshao.vip/2021/4yuefen/a/css/style.css">
<link rel="stylesheet" type="text/css" href="http://shuju.zshao.vip/2021/4yuefen/a/css/font.css">
  


</head>

<body>

<div id="content-wrapper" class="container">
<style type="text/css">
.weixin-tip{display:none;position:fixed;left:0;top:0;bottom:0;background:rgba(0,0,0,0.8);filter:alpha(opacity = 80);height:100%;width:100%;z-index:100}.weixin-tip p{text-align:center;margin-top:10%;padding:0 5%}.text{color:#fff}
</style>
    
	<div class="weixin-tip" style="z-index:9999;display:none">
		<p>
			<img src="http://www.zshao.vip/zb_users/upload/logo/%E9%80%8F%E6%98%8E%E7%AE%80%E6%98%93logo.png">
		</p>
	</div>
	
		 
	<div class="bl3">
<img src="http://www.zshao.vip/zb_users/upload/logo/%E9%80%8F%E6%98%8E%E7%AE%80%E6%98%93logo.png" width="100%">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">


				
	<div class="lb4">
<div class="gg_bt">
<h3><i class="fa fa-book"></i> 文字测试</h3>
<div class="gg_cont">
<b><font color="#05B4F8">文字<br><b>



</div></div>			
	
		<a class="soft_btn" href="#" target="_blank">
	<div style="color:#fff"> 
		测试
	</div> 
	</a>
	

	</a>
		<a class="soft_btn" href="#" target="_blank">
	<div style="color:#fff">
	测试
	</div>
	</a>
		<a class="soft_btn" href="#" target="_blank">
	<div style="color:#fff">
测试
	</div>
	</a>
		<a class="soft_btn" href="#" target="_blank">
	<div style="color:#fff">
测试
	</div>
	<div class="lb4">
<div class="gg_bt">
			<h3><i class="fa fa-book"></i> 图片介绍</h3>
		</div>
	</div>
		<img src="http://www.zshao.vip/zb_users/upload/logo/%E9%80%8F%E6%98%8E%E7%AE%80%E6%98%93logo.png" width="100%">

		 
	 <script type="text/javascript">
     
     
     
        $(window).on("load",function(){
            var winHeight = $(window).height();
            function is_weixin() {
                var ua = navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    return true;
                } else {
                    return false;
                }
            }
            var isWeixin = is_weixin();
            if(isWeixin){
                $(".weixin-tip").css("height",winHeight);
                $(".weixin-tip").show();
            }
        })
    </script>
	</body>
</html>	

看着挺简洁的,点击运行自行测试

上一篇:html代码|弹出图层-弹窗

下一篇:代刷网代码|装饰和通用美化

网友评论