<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>手机网站模板-整理发布 </title>
<base href="." />
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" type="text/css" href="css/iscroll.css" media="all">
<!-- <link href="css/cate14_.css" rel="stylesheet" type="text/css"> -->
<link href="css/cate.css" rel="stylesheet" type="text/css" />
<!--背景音乐start-->
<script src="js/audio.js" type="text/javascript"></script>
<script type="text/javascript">
// 两秒后模拟点击
setTimeout(function() {
// IE
if(document.all) {
document.getElementById("playbox").click();
}
// 其它浏览器
else {
var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById("playbox").dispatchEvent(e);
}
}, 2000);
</script>
<!--背景音乐end-->
<script src="js/iscroll.js" type="text/javascript"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function () {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
});
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>
<body id="cate16">
<!--背景音乐-->
<style>
.btn_music {
display: inline-block;
width: 35px;
height: 35px;
background: url('images/play.png') no-repeat center center;
background-size: 100% auto;
position: absolute;
z-index: 100;
left: 15px;
top: 20px;
}
.btn_music.on {
background-image: url("images/stop.png");
}
</style>
<span id="playbox" class="btn_music" onclick="playbox.init(this).play();" >
<audio src="images/4.mp3" loop id="audio"></audio>
</span><div class="banner">
<div id="wrapper" style="overflow: hidden;">
<div id="scroller" style="width: 5464px; -webkit-transition: 0ms; transition: 0ms; -webkit-transform: translate3d(-382.48px, 0px, 0px) scale(1);">
<ul id="thelist">
<li><p>背景图测试1</p><img src="images/2.jpg" style="width: 1366px;"></li><li><p>背景图测试2</p><img src="images/1.jpg" style="width: 1366px;"></li><li><p>背景图测试3</p><img src="images/9.jpg" style="width: 1366px;"></li><li><p>背景图测试5</p><img src="images/8.jpg" style="width: 1366px;"></li><li><p>背景图测试5</p><img src="images/7.jpg" style="width: 1366px;"></li></ul>
</div>
</div>
<div id="nav">
<div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,3);return false">← prev</div>
<ul id="indicator">
<li class="active" ></li><li ></li><li ></li><li ></li><li ></li>
</ul>
<div id="next" onclick="myScroll.scrollToPage('next', 0,400,3);return false">next →</div>
</div>
<div class="clr"></div>
</div>
<div class="mainmenu">
<ul>
<li>
<div class="menubtn"><a href="/">
<div class="menuimg"><img src="images/1.png"></div>
<div class="menutitle">关于我们</div></a>
</div>
</li><li>
<div class="menubtn"><a href="/">
<div class="menuimg"><img src="images/4.png"></div>
<div class="menutitle">新闻中心</div></a>
</div>
</li><li>
<div class="menubtn"><a href="/">
<div class="menuimg"><img src="images/13.png"></div>
<div class="menutitle">产品展示</div></a>
</div>
</li><li>
<div class="menubtn"><a href="/">
<div class="menuimg"><img src="images/20.png"></div>
<div class="menutitle">成功案例</div></a>
</div>
</li><li>
<div class="menubtn"><a href="/">
<div class="menuimg"><img src="images/5.png"></div>
<div class="menutitle">下载中心</div></a>
</div>
</li><li>
<div class="menubtn"><a href="/">
<div class="menuimg"><img src="images/14.png"></div>
<div class="menutitle">人才招聘</div></a>
</div>
</li><li>
<div class="menubtn"><a href="/">
<div class="menuimg"><img src="images/20.png"></div>
<div class="menutitle">联系我们</div></a>
</div>
</li><li>
<div class="menubtn"><a href="/">
<div class="menuimg"><img src="images/18.png"></div>
<div class="menutitle">在线留言</div></a>
</div>
</li>
<div class="clr"></div>
</ul>
</div>
<div style="display:none"> </div>
<script>
var count = document.getElementById("thelist").getElementsByTagName("img").length;
var count2 = document.getElementsByClassName("menuimg").length;
for(i=0;i<count;i++){
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";
}
document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
setInterval(function(){
myScroll.scrollToPage('next', 0,400,count);
},3500 );
window.onresize = function(){
for(i=0;i<count;i++){
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";
}
document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
}
</script>
<div class="copyright">
Copyright © 2014-2015 All rights reserved.</div>
<br>
<br><script>
function displayit(n){
for(i=0;i<4;i++){
if(i==n){
var id='menu_list'+n;
if(document.getElementById(id).style.display=='none'){
document.getElementById(id).style.display='';
document.getElementById("plug-wrap").style.display='';
}else{
document.getElementById(id).style.display='none';
document.getElementById("plug-wrap").style.display='none';
}
}else{
if($('#menu_list'+i)){
$('#menu_list'+i).css('display','none');
}
}
}
}
function closeall(){
var count = document.getElementById("top_menu").getElementsByTagName("ul").length;
for(i=0;i<count;i++){
document.getElementById("top_menu").getElementsByTagName("ul").item(i).style.display='none';
}
document.getElementById("plug-wrap").style.display='none';
}
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideToolbar');
});
</script> <style type="text/css">
body { margin-bottom:60px !important; }
a, button, input { -webkit-tap-highlight-color:rgba(255, 0, 0, 0); }
ul, li { list-style:none; margin:0; padding:0 }
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset; }
.top_bar .top_menu>li { -webkit-box-flex:1; position:relative; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a { height:48px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.top_bar .top_menu>li.home { max-width:70px }
.top_bar .top_menu>li.home a { height: 66px; width: 66px; margin: auto; border-radius: 60px; position: relative; top: -22px; left: 2px; background: url('images/home.png') no-repeat center center; background-size: 100% 100
(FZY011)背景切换微网站模板微信系统分离手机网站模板(单页).zip
111 浏览量
2024-04-09
00:39:20
上传
评论
收藏 1.95MB ZIP 举报
(FZY011)背景切换微网站模板微信系统分离手机网站模板(单页).zip （53个子文件） 
(FZY011)背景切换微网站模板微信系统分离手机网站模板(单页) js 
jquery-1.10.1.min.js 91KB idangerous.swiper-2.1.min.js 39KB iscroll.js 34KB audio.js 2KB jquery.min.js 81KB css cate.css 2KB iscroll.css 2KB cate14_4.css 2KB idangerous.swiper.css 3KB
index.html 14KB images 
plugmenu3.png 910B stop.png 2KB plugmenu15.png 497B
2.jpg 105KB bottom.png 3KB plugmenu.png 234B plug.png 234B noneimg.jpg 3KB jt.png 3KB plugmenu4.png 500B 1.jpg 63KB plugmenu7.png 668B home.png 13KB 1.png 4KB 4.mp3 792KB 13.png 4KB plugmenu2.png 665B plugmenu9.png 945B play.png 2KB plugmenu6.png 531B plugmenu11.png 696B 8.jpg 78KB 5.png 1KB 4.png 1KB plugmenu14.png 463B plugmenu16.png 682B plugmenu13.png 577B plugmenu10.png 424B plugmenu17.png 1KB plugmenu18.png 747B 20.png 938B plugmenu12.png 592B 18.png 1KB plugmenu8.png 854B 3.jpg 127KB 7.jpg 326KB plugmenu19.png 764B mesgIcon.png 3KB plugmenu5.png 700B 14.png 801B 9.jpg 278KB 4.jpg 125KB plugmenu1.png 2KB资源评论
