目录
一、网页概述
二、网页文件
三、网页效果
四、代码展示
1.html
2.CSS
3.JS
五、总结
1.简洁实用
2.使用方便
3.整体性好
4.形象突出
5.交互式强
六、更多推荐
一、网页概述
本实例应用html5 css3 js： Bootstrap、jQuery动画特效、图片轮翻、无缝滚动插件、鼠标滑动特效等。响应式自适应网页，可以根据不同的设备屏幕大小自动调整页面布局，提高用户体验；本网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。
二、网页文件
本网页共包含1个页面：
三、网页效果
以下是本篇文章正文内容，下面案例仅供参考（节选示例）：
四、代码展示
1.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>响应式压缩干燥机设备类网站模板（自适应手机端）</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-- Bootstrap -->
<link href="skin/css/bootstrap.min.css" tppabs="http://localhost:8888/skin/css/bootstrap.min.css" rel="stylesheet">
<link href="skin/css/global.css" tppabs="http://localhost:8888/skin/css/global.css" rel="stylesheet">
<script src="skin/js/shover.min.js" tppabs="http://localhost:8888/skin/js/shover.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="..//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js" tppabs="http:///cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="..//cdn.bootcss.com/respond.js/1.4.2/respond.min.js" tppabs="http:///cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style></style>
</head>
<body>
<div class="pctop1">
<div class="pctop1_nei">
<div class="fl pctop1_left pc">欢迎光临某某压缩机设备有限公司</div>
<!--<div class="fr pctop1_right">
<div class="bdsharebuttonbox"> <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信" style="background:url(skin/images/bg1.png) no-repeat 50%;"></a> <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友" style="background:url(skin/images/bg2.png) no-repeat 50%;"></a> <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" style="background:url(skin/images/bg3.png) no-repeat 50%;"></a> <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间" style="background:url(/skin/images/bg4.png) no-repeat 50%;"></a> </div>
<!--<div class="lang"> <a href="/" class="fl"><img src="/skin/images/bg5.png"></a> <a href="/en" class="fl"><img src="/skin/images/bg6.png"></a> </div>-
