简洁多行业企业网站手机html网页模板

rgb是什么意思 2019-12-10 712 阅读

模板描述:精致简洁风 汽车销售 行业微网站,精致简洁风的汽车销售行业微网站模板下载html模板下载

代码部署教程

1. 引入CSS

<link rel="stylesheet" type="text/css" href="static/css/template/reset.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/snower.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/common.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/home-19.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/home-menu-2.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="wm-xin-a/font-awesome.css?v=2014032314" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/reset.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/snower.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/common.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/home-19.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="static/css/template/home-menu-2.css?2014-03-07-1" media="all" />

<link rel="stylesheet" type="text/css" href="wm-xin-a/font-awesome.css?v=2014032314" media="all" />

2. 引入JS

<script type="text/javascript" src="static/src/template/maivl.js?2014-03-07-1">

</script>

<script type="text/javascript" src="static/src/jQuery.js?2014-03-07-1">

</script>

<script type="text/javascript" src="static/src/template/swipe.js?2014-03-07-1">

</script>

<script type="text/javascript" src="static/src/template/zepto.js?2014-03-07-1">

</script>

<script type="text/javascript" src="static/src/template/snower.js">

</script>

<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'>

</script>

<script type="text/javascript" src="static/src/template/maivl.js?2014-03-07-1">

</script>

<script type="text/javascript" src="static/src/jQuery.js?2014-03-07-1">

</script>

<script type="text/javascript" src="static/src/template/swipe.js?2014-03-07-1">

</script>

<script type="text/javascript" src="static/src/template/zepto.js?2014-03-07-1">

</script>

<script type="text/javascript" src="static/src/template/snower.js">

</script>

<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'>

</script>

3. HTML代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>汽车行业微网站微官网模板 - 站长素材</title>
<meta name="Keywords" content="微网站模板,微官网模板,微信网站模板,微信微官网,手机网站模板" />
<meta name="Description" content="站长素材提供微网站模板,微官网模板,微信网站模板下载和学习" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<!-- Mobile Devices Support @begin -->
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- Mobile Devices Support @end -->
<link rel="shortcut icon" href="static/img/favicon.ico" />
</head>
<body onselectstart="return true;" ondragstart="return false;">
<div class="body">
<!--
幻灯片管理
-->
<div style="-webkit-transform:translate3d(0,0,0);">
<div id="banner_box" class="box_swipe">
<ul>
<li>
<a onclick="return false;">
<img src="img/static/70/68/52/image/20131206/20131206112457_17865.jpg" alt="1" style="width:100%;" />
</a>
</li>
<li>
<a onclick="return false;">
<img src="img/static/70/68/52/image/20131206/20131206112511_46655.jpg" alt="2" style="width:100%;" />
</a>
</li>
<li>
<a onclick="return false;">
<img src="img/static/70/68/52/image/20131206/20131206112526_12821.jpg" alt="3" style="width:100%;" />
</a>
</li>
<li>
<a onclick="return false;">
<img src="img/static/70/68/52/image/20131206/20131206112540_36636.jpg" alt="4" style="width:100%;" />
</a>
</li>
<li>
<a onclick="return false;">
<img src="img/static/70/68/52/image/20131206/20131206112553_48561.jpg" alt="5" style="width:100%;" />
</a>
</li>
<li>
<a onclick="return false;">
<img src="img/static/70/68/52/image/20131206/20131206112606_68393.jpg" alt="6" style="width:100%;" />
</a>
</li>
<li>
<a onclick="return false;">
<img src="img/static/70/68/52/image/20131206/20131206112619_85732.jpg" alt="7" style="width:100%;" />
</a>
</li>
</ul>
<ol>
<li class="on"></li>
<li ></li>
<li ></li>
<li ></li>
<li ></li>
<li ></li>
<li ></li>
</ol>
</div>
</div>
<script>
$(function(){
new Swipe(document.getElementById('banner_box'), {
speed:500,
auto:3000,
callback: function(){
var lis = $(this.element).next("ol").children();
lis.removeClass("on").eq(this.index).addClass("on");
}
});
});
</script>
<br/><header>
<div class="snower">
<script type="text/javascript"></script>
</div>
</header> <section>
<a href="tel:027-65681888" class="link_tel icon-phone">027-65681888</a>
</section>
<!--
用户分类管理
-->
<section>
<ul class="list_ul">
<li>
<a href="index_xc.html">
<figure>
<div>
<img src="img/static/70/68/52/image/20131223/20131223144806_92304.jpg" />
</div>
<figcaption>
新车销售 <p>新车销售</p>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="car_try.html">
<figure>
<div>
<img src="img/static/70/68/52/image/20131204/20131204111443_16383.jpg" />
</div>
<figcaption>
试乘试驾 <p>试乘试驾</p>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="car_surprise.html">
<figure>
<div>
<img src="img/static/70/68/52/image/20131220/20131220171802_13989.jpg" />
</div>
<figcaption>
惊喜活动 <p>惊喜活动</p>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="car_try.html">
<figure>
<div>
<img src="img/static/70/68/52/image/20131206/20131206165645_50337.jpg" />
</div>
<figcaption>
售后预约 <p>售后预约</p>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="car_know_detail.html">
<figure>
<div>
<img src="img/static/70/68/52/image/20131220/20131220134758_94272.jpg" />
</div>
<figcaption>
用车常识 <p>用车常识</p>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="car_help.html">
<figure>
<div>
<img src="img/static/70/68/52/image/20131204/20131204112651_18224.jpg" />
</div>
<figcaption>
24小时救援 <p>24小时救援</p>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="#">
<figure>
<div>
<img src="img/static/70/68/52/image/20131220/20131220135109_72949.jpg" />
</div>
<figcaption>
生活百科 <p>生活百科</p>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="car_insurce.html">
<figure>
<div>
<img src="img/static/70/68/52/image/20131204/20131204114037_44293.jpg" />
</div>
<figcaption>
金融保险 <p>金融保险</p>
</figcaption>
</figure>
</a>
</li>
</div>
</section>
</div>
<!--
导航菜单
后台设置的快捷菜单
-->
<div class="top_bar footer_bar" style="-webkit-transform:translate3d(0,0,0)">
<nav>
<ul class="top_menu">
<li onclick="location.reload();"><span></span></li><!-- 首页:刷新 -->
<li>
<a href="tel:027-65681888">
<span class="icon-phone"></span><label class="homemenu_text">电话</label>
</a>
</li>
</ul>
</nav>
</div>
<!--
分享前控制
-->
<script type="text/javascript">
window.shareData = {
"imgUrl": "img/static/70/68/52/image/20131128/20131128103949_89475.jpg",
"timeLineLink": "weisite/home?pid=24137&bid=32449&wechatid=fromUsername&wxref=mp.weixin.qq.com",
"sendFriendLink": "weisite/home?pid=24137&bid=32449&wechatid=fromUsername&wxref=mp.weixin.qq.com",
"weiboLink": "weisite/home?pid=24137&bid=32449&wechatid=fromUsername&wxref=mp.weixin.qq.com",
"tTitle": "欢迎进入微官网",
"tContent": "威汉微官网,欢迎进入。",
"fTitle": "欢迎进入微官网",
"fContent": "汽车微官网,欢迎进入。",
"wContent": "汽车微官网,欢迎进入。"
};
</script>
<footer style="overflow:visible;">
<div class="weimob-copyright" style="padding-bottom:50px;">
<a href="weisite/home?pid=24137&bid=32449&wechatid=fromUsername&wxref=mp.weixin.qq.com">© 汽车行业微官网</a>
</div>
<span class="weimob-support" style="display:none;">©站长素材</span>
</footer>
<div mark="stat_code" style="width:0px; height:0px; display:none;">
</div>
</body>
<script type="text/javascript">
function getShareApiRouter(){
var str_domain = location.href.split('',4)[2];
var tj_domain = '127.0.0.1';
switch(str_domain){
case 'www.js-css.cn':
tj_domain = 'tj.js-css.cn';
break;
case '112.124.28.82':
tj_domain = '112.124.28.82:400';
break;
}
return tj_domain;
}
if(typeof(window.shareData) == 'undefined'){
window.shareData = {
"imgUrl": "",
"timeLineLink": "weisite/home?pid=24137&bid=32449&wechatid=fromUsername&_tj_pid=24137&_tt=2",
"sendFriendLink": "weisite/home?pid=24137&bid=32449&wechatid=fromUsername&_tj_pid=24137&_tt=2",
"weiboLink": "weisite/home?pid=24137&bid=32449&wechatid=fromUsername&_tj_pid=24137&_tt=2",
"tTitle": document.title,
"tContent": document.title,
"fTitle": document.title,
"fContent": document.title,
"wContent": document.title
}
}
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 发送给好友
WeixinJSBridge.on('menu:share:appmessage', function (argv) {
WeixinJSBridge.invoke('sendAppMessage', {
"img_url": window.shareData.imgUrl,
"img_width": "640",
"img_height": "640",
"link": window.shareData.sendFriendLink,
"desc": window.shareData.fContent,
"title": window.shareData.fTitle
}, function (res) {
weimobAfterShare("",window.shareData.sendFriendLink,'appmessage');
_report('send_msg', res.err_msg);
})
});
// 分享到朋友圈
WeixinJSBridge.on('menu:share:timeline', function (argv) {
WeixinJSBridge.invoke('shareTimeline', {
"img_url": window.shareData.imgUrl,
"img_width": "640",
"img_height": "640",
"link": window.shareData.timeLineLink,
"desc": window.shareData.tContent,
"title": window.shareData.tTitle
}, function (res) {
//weimobAfterShare("",window.shareData.timeLineLink,'timeline');
_report('timeline', res.err_msg);
});
});
// 分享到微博
WeixinJSBridge.on('menu:share:weibo', function (argv) {
WeixinJSBridge.invoke('shareWeibo', {
"content": window.shareData.wContent,
"url": window.shareData.weiboLink
}, function (res) {
weimobAfterShare("",window.shareData.weiboLink,'weibo');
_report('weibo', res.err_msg);
});
});
}, false);
</script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

演示地址下载地址

最新游戏