企业产品图片列表手机网站模板下载-乐分享

代码部署教程

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/sn ower.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 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>

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>

</body>

</html>

下载地址

立即下载

1.《企业产品图片列表手机网站模板下载》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。

2.《企业产品图片列表手机网站模板下载》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址，https://www.cxvn.com/html/1516.html

企业产品图片列表手机网站模板下载

代码部署教程

下载地址

在线音乐试听wap手机网站页面模板

个人联系名片手机网页模板免费下载