<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/cate14_2.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">
<!--背景音乐-->
<!--music-->
<div style="float:right;">
<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>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
var playbox = (function(){
//author:eric_wu
var _playbox = function(){
var that = this;
that.box = null;
that.player = null;
that.src = null;
that.on = false;
//
that.autoPlayFix = {
on: true,
//evtName: ("ontouchstart" in window)?"touchend":"click"
evtName: ("ontouchstart" in window)?"touchstart":"mouseover"
}
}
_playbox.prototype = {
init: function(box_ele){
this.box = "string" === typeof(box_ele)?document.getElementById(box_ele):box_ele;
this.player = this.box.querySelectorAll("audio")[0];
this.src = this.player.src;
this.init = function(){return this;}
this.autoPlayEvt(true);
return this;
},
play: function(){
if(this.autoPlayFix.on){
this.autoPlayFix.on = false;
this.autoPlayEvt(false);
}
this.on = !this.on;
if(true == this.on){
this.player.src = this.src;
this.player.play();
}else{
this.player.pause();
this.player.src = null;
}
if("function" == typeof(this.play_fn)){
this.play_fn.call(this);
}
},
handleEvent: function(evt){
this.play();
},
autoPlayEvt: function(important){
if(important || this.autoPlayFix.on){
document.body.addEventListener(this.autoPlayFix.evtName, this, false);
}else{
document.body.removeEventListener(this.autoPlayFix.evtName, this, false);
}
}
}
//
return new _playbox();
})();
playbox.play_fn = function(){
this.box.className = this.on?"btn_music on":"btn_music";
}
</script>
<script type="text/javascript">
$(document).ready(function(){
playbox.init("playbox");
/*
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>
<span id="playbox" class="btn_music" onclick="playbox.init(this).play();"><audio id="audio" loop src="images/4.mp3"></audio></span></div>
<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="http://127.0.0.1/tpl/static/attachment/background/view/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>
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>
<script>
var count = document.getElementById("theli
(FZY021)微信系统分离出的微网站模板手机网站模板(单页).zip
33 浏览量
2024-04-07
01:04:59
上传
评论
收藏 1.93MB ZIP 举报
(FZY021)微信系统分离出的微网站模板手机网站模板(单页).zip （51个子文件） 
(FZY021)微信系统分离出的微网站模板手机网站模板(单页) 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 iscroll.css 2KB cate14_2.css 2KB idangerous.swiper.css 3KB
index.html 18KB 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 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资源评论
