代码部署教程
1. 引入CSS
<link rel=”stylesheet” href=”css/public.css”/>
<link rel=”stylesheet” href=”css/lrtk.css”/>
<link rel=”stylesheet” href=”css/animate.min.css”/>
<link rel=”stylesheet” href=”css/fontcss.css”/>
<link type=”text/css” rel=”stylesheet” href=”css/wap_index.css” />
<link rel=”stylesheet” href=”css/public.css”/>
<link rel=”stylesheet” href=”css/lrtk.css”/>
<link rel=”stylesheet” href=”css/animate.min.css”/>
<link rel=”stylesheet” href=”css/fontcss.css”/>
<link type=”text/css” rel=”stylesheet” href=”css/wap_index.css” />
2. 引入JS
<script type=”text/javascript” src=”js/jquery-1.8.3.min.js”>
</script><script type=”text/javascript” src=”js/wap-js.js”>
</script>
<script type=”text/javascript” src=”js/sidebar.js”>
</script>
<script type=”text/javascript” src=”js/responsiveslides.min.js”>
</script>
<script type=”text/javascript” src=”js/slide.js”>
</script>
<script type=”text/javascript” src=”js/jquery-1.8.3.min.js”>
</script>
<script type=”text/javascript” src=”js/wap-js.js”>
</script>
<script type=”text/javascript” src=”js/sidebar.js”>
</script>
<script type=”text/javascript” src=”js/responsiveslides.min.js”>
</script>
<script type=”text/javascript” src=”js/slide.js”>
</script>
3. HTML代码
<!DOCTYPE html>
<html><head>
<meta charset=”utf-8″ />
<meta name=”viewport” id=”viewport” content=”width=device-width, initial-scale=1″>
<title>
主页</title>
<!– baanner–>
<!– baanner–>
</head>
<body scoll=no>
<!– 侧边栏结束–>
<section class=”wrapper”>
<input type=”checkbox” id=”showSidebar”/>
<!– 侧边栏开始–>
<section class=”sidebar jsc-sidebar”>
<div class=”sidebar_header”>
<ul style=”display: none;”>
<li class=”sidebar_BTl”>
<a class=”sideL”>
登录</a>
</li>
<li class=”sidebar_BTr”>
<a class=”sideL”>
注册</a>
</li>
</ul>
<div class=”sidebar_head”>
<img src=”img/head.jpg” style=”height: 46px;width: 46px;”/>
</div>
<p class=”sidebar_p”>
159****0869</p>
</div>
<div class=”sidebar_content”>
<div class=”sidebar_c1″>
<a>
<span>
<i class=”iconfont”>
</i>
</span>
服务指南</a>
</div>
<div class=”sidebar_c2″>
<a>
<span>
<i class=”iconfont”>
</i>
</span>
关于我们</a>
</div>
<div class=”sidebar_c3″>
<a>
<span>
<i class=”iconfont”>
</i>
</span>
帮助中心</a>
</div>
<div class=”sidebar_c4″>
<a>
<span>
<i class=”iconfont”>
</i>
</span>
商务合作</a>
</div>
</div>
</section>
<div class=”in_content”>
<header class=”in_header”>
<nav>
<p>
<label class=”icon1 in_h_imgl icon-menu link-menu jsc-sidebar-trigger” for=”showSidebar”>
</label>
法内网 首页
<a class=”icon1 in_h_imgr ” href=””></a>
</p>
</nav>
</header>
<!– 代码 开始 –>
<div class=”slide_container”>
<ul class=”rslides” id=”slider”>
<li>
<img src=”img/1.jpg”>
</li>
<li>
<img src=”img/2.jpg”>
</li>
<li>
<img src=”img/1.jpg”>
</li>
</ul>
</div>
<!– 代码 结束 –>
<div class=”in_content0 hide”>
<a class=”in_content0l” href=”#”>
<i class=”icon1″>
</i>
<p>
咨询中</p>
<p class=”in_content0_p”>
3</p>
</a>
<a class=”in_content0r” href=”#”>
<i class=”icon1″>
</i>
<p>
委托中</p>
<p class=”in_content0_p”>
3</p>
</a>
<div class=”in_content0c”>
<i class=”icon1″>
</i>
</div>
</div>
<div class=”animat-box”>
<a class=”in_content1″ href=”publick-wt.html”>
<i class=”icon3 left”>
</i>
<span class=”w_70 left pt15″>
<p class=”in_content_p1″>
我要打官司</p>
<p class=”in_content_p2″>
法内找律师 便捷 专业 有保障</p>
</span>
<i class=”icon4 right”>
</i>
</a>
<a class=”in_content1″ href=””>
<i class=”icon3 left”>
</i>
<span class=”w_70 left pt15″>
<p class=”in_content_p1″>
我要咨询</p>
<p class=”in_content_p2″>
法内咨询 快速 专业</p>
</span>
<i class=”icon4 right”>
</i>
</a>
<div class=”in_content3″>
<p class=”in_content_p3″>
<span>
<i class=”icon1″>
</i>
</span>
咨询热线:400-000-6111</p>
<p class=”in_content_p4″>
中顾法商股份</p>
</div>
</div>
</div>
<footer class=”in_footer”>
<a class=”in_footer1″ href=””>
<i class=”icon2″>
</i>
<p>
首页</p>
</a>
<a class=”in_footer2″ href=””>
<i class=”icon2″>
</i>
<p>
法内咨询</p>
</a>
<a class=”in_footer3″ href=””>
<i class=”icon2″>
</i>
<p>
打官司</p>
</a>
<a class=”in_footer4″ href=””>
<i class=”icon2″>
</i>
<p>
用户中心</p>
</a>
</footer>
</section>
<!–<script>
–>
<!–$(‘#jsi-nav’).sidebar({–>
<!–trigger: ‘.jsc-sidebar-trigger’–>
<!–});–>
<!–</script>
–>
</body>
</html>
下载地址
1.《律师网站手机端HTML静态页面模板下载》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《律师网站手机端HTML静态页面模板下载》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/html/1749.html