<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>手机网站模板-整理发布 </title>
<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">
<meta charset="utf-8">
<link href="css/cate.css" rel="stylesheet" type="text/css" />
<link href="css/iscroll.css" rel="stylesheet" type="text/css" />
<style>
</style>
<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>
<script type="text/javascript">
window.onload=function(){
var cc=document.getElementById("dd").getElementsByTagName("a")[0].offsetHeight;
document.getElementById("dd").getElementsByTagName("a")[1].style.height=[(cc-6)/3]+"px";
document.getElementById("dd").getElementsByTagName("a")[2].style.height=[(cc-6)/3]+"px";
document.getElementById("dd").getElementsByTagName("a")[3].style.height=[(cc-6)/3]+"px";
}
</script>
</head>
<body>
<!--music-->
<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 class="banner">
<div id="wrapper">
<div id="scroller">
<ul id="thelist">
<li><p>幻灯片01</p><a href="javascript:void(0)"><img src="images/3.jpg" /></a></li><li><p>幻灯片02</p><a href="javascript:void(0)"><img src="images/4.jpg" /></a></li><li><p>幻灯片03</p><a href="javascript:void(0)"><img src="images/2.jpg" /></a></li><li><p>幻灯片04</p><a href="javascript:void(0)"><img src="images/1.jpg" /></a></li></ul>
</div>
</div>
<div id="nav">
<div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,2);return false">← prev</div>
<ul id="indicator">
<li class="active" ></li><li ></li><li ></li><li ></li></ul>
<div id="next" onclick="myScroll.scrollToPage('next', 0);return false">next →</div>
</div>
<div class="clr"></div>
</div>
<div id="insert1" ></div>
<ul class="mainmenu" id="dd">
<li><a href="/" ><img src="images/1.png" /><p>关于我们</p></a></li>
<li><a href="/" ><img src="images/4.png" /><p>新闻中心</p></a></li>
<li><a href="/" ><img src="images/13.png" /><p>产品展示</p></a></li>
<li><a href="/" ><img src="images/20.png" /><p>成功案例</p></a></li>
<li><a href="/" ><img src="images/5.png" /><p>下载中心</p></a></li>
<li><a href="/" ><img src="images/14.png" /><p>人才招聘</p></a></li>
<li><a href="/" ><img src="images/20.png" /><p>联系我们</p></a></li>
<li><a href="/" ><img src="images/18.png" /><p>在线留言</p></a></li>
</ul>
<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";
var cc=document.getElementById("dd").getElementsByTagName("a")[0].offsetHeight;
document.getElementById("dd").getElementsByTagName("a")[1].style.height=[(cc-6)/3]+"px";
document.getElementById("dd").getElementsByTagName("a")[2].style.height=[(cc-6)/3]+"px";
document.getElementById("dd").getElementsByTagName("a")[3].style.height=[(cc-6)/3]+"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
(FZY015)简单多色手机网站首页模板微网站(单页).zip
版权申诉
31 浏览量
2024-04-20
17:41:31
上传
评论
收藏 1.97MB ZIP 举报
(FZY015)简单多色手机网站首页模板微网站(单页).zip （57个子文件） 
(FZY015)简单多色手机网站首页模板微网站(单页) 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 demo1106 css cate.css 2KB iscroll.css 2KB idangerous.swiper.css 3KB
index.html 15KB images 
plugmenu3.png 910B stop.png 2KB
5_line.jpg 1KB plugmenu15.png 497B 2.jpg 95KB bottom.png 3KB plugmenu.png 234B plug.png 234B noneimg.jpg 3KB jt.png 3KB plugmenu4.png 500B 1.jpg 94KB plugmenu7.png 668B home.png 13KB 1.png 4KB 5_top.jpg 2KB 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_gc.jpg 2KB 5.png 1KB 4.png 1KB plugmenu14.png 463B plugmenu16.png 682B plugmenu13.png 577B plugmenu10.png 424B p_bg.png 4KB 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 5_bottom.jpg 2KB 14.png 801B 9.jpg 278KB 4.jpg 125KB plugmenu1.png 2KB资源评论
