基于HTML实现的微信系统分离出的微网站模板手机网站模板(单页)(css+html+js+图样).zip资源-CSDN文库

共51个文件

png：33个

jpg：8个

js：5个

77 浏览量 2024-04-27 01:07:32 上传评论收藏 1.93MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML实现的微信系统分离出的微网站模板手机网站模板(单页)(css+html+js+图样).zip （51个子文件）

(FZY021)微信系统分离出的微网站模板手机网站模板(单页)

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

<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_2.css" rel="stylesheet" type="text/css" />  <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>  <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">   <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

评论收藏

内容反馈