(FZY015)简单多色手机网站首页模板微网站(单页).zip资源-CSDN文库

共57个文件

png：35个

jpg：12个

js：5个

版权申诉

159 浏览量 2024-04-20 17:41:31 上传评论收藏 1.97MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

(FZY015)简单多色手机网站首页模板微网站(单页).zip （57个子文件）

(FZY015)简单多色手机网站首页模板微网站(单页)

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

<!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>  <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

评论收藏

内容反馈

版权申诉