<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="no" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>优质教育</title>
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/format.css">
<link href="css/iconfont.css" rel="stylesheet" type="text/css">
<!--小图标-->
<link rel="shortcut icon" href="favicon.ico">
<link rel="bookmark" href="favicon.ico">
<script src="js/jquery1.42.min.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
/*判断设备宽度，动态改变html的font-size初始值*/
var deviceWidth = document.documentElement.clientWidth;
if(deviceWidth > 750){/*使设备宽度最大为750px*/
deviceWidth = 750;
}
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
/*以750的设计稿宽度为基础，使浏览器默认font-size为100px，方便之后的换算*/
</script>
<script language="javascript">
var t = null;
t = setTimeout(time,1000);//开始执行
function time()
{
clearTimeout(t);//清除定时器
var xq=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
dt = new Date();
var year=dt.getFullYear()
var mon=dt.getMonth()+1;
var day=dt.getDate();
var week=dt.getDay();
var h=dt.getHours();
var m=dt.getMinutes();
var s=dt.getSeconds();
document.getElementById("timeShow").innerHTML = h+":"+m
t = setTimeout(time,1000); //设定定时器，循环执行
}
</script>
</head>
<body>
<div id="box">
<!--top+banner-->
<div class="header">
<div id="slideshow">
<div class="index_focus">
<a href="javascript:;" class="index_focus_pre" title="上一张" style="opacity: 1; display: none;">上一张</a> <a href="javascript:;" class="index_focus_next" title="下一张" style="opacity: 1; display: none;">下一张</a>
<div class="bd">
<ul style="position: relative; width: 750px; height: 390px;">
<li style="position: absolute; width: 750px; left: 0px; top: 0px; display: none;"> <a href="#" class="pic" target="_blank"><img src="images/banner01.png" class="pic" height="390" alt=""/></a> </li>
<li style="position: absolute; width: 750px; left: 0px; top: 0px; display: none;"> <a href="#" class="pic" target="_blank"><img src="images/banner02.png" class="pic" height="390" alt=""/></a> </li>
<li style="position: absolute; width: 750px; left: 0px; top: 0px; display: none;"> <a href="#" class="pic" target="_blank"><img src="images/banner03.png" class="pic" height="390" alt=""/></a> </li>
<div class="clear" style="position: absolute; width: 100%; left: 0px; top: 0px; display: none;"></div>
</ul>
</div>
<div class="slide_nav"> <!--style="margin-left: -140.5px;"-->
<!-- <a href="javascript:;">●</a> -->
<a href="javascript:;" class="on">●</a> <a href="javascript:;" class="">●</a> <a href="javascript:;" class="">●</a>
</div>
</div>
</div>
<!-- End轮播图 -->
<script src="js/jquery.superslide.2.1.1.js"></script>
<script type="text/javascript">
jQuery(".index_focus").hover(function(){
jQuery(this).find(".index_focus_pre,.index_focus_next").stop(true, true).fadeTo("show", 1)
},function(){
jQuery(this).find(".index_focus_pre,.index_focus_next").fadeOut()
});
jQuery(".index_focus").slide({
titCell: ".slide_nav a",
mainCell: ".bd ul",
delayTime: 800,
interTime: 4000,
prevCell:".index_focus_pre",
nextCell:".index_focus_next",
effect: "fold",
autoPlay: true,
trigger: "click",
startFun:function(i){
jQuery(".index_focus_info").eq(i).find("h3").css("display","block").fadeTo(1000,1);
jQuery(".index_focus_info").eq(i).find(".text").css("display","block").fadeTo(1000,1);
}
});
</script>
<div class="top">
<img src="images/top.png" alt="">
<span id="timeShow" class="date"></span>
</div>
<div class="search">
<form>
<input name="search" type="text" id="search" onFocus="document.getElementsByClassName('word')[0].style.display='none'" onblur="document.getElementsByClassName('word')[0].style.display='block'"/>
</form>
<span class="word"><i class="iconfont"></i>搜索课程</span>
</div>
</div>
<!--news-->
<div class="news wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="tit">
<span class="icon_01"></span>
<h2>最新公告</h2>
</div>
<div class="bd">
<ul class="infoList">
<li><span class="date">2017-02-27</span><a href="#" target="_blank">关于“童心向党•快乐成长”2016年天河区中小学生庆国庆</a></li>
<li><span class="date">2017-02-26</span><a href="#" target="_blank">"海峡杯"闵渝少儿歌手大奖选秀开始！</a></li>
<li><span class="date">2017-02-25</span><a href="#" target="_blank">首届深圳"奥运小博士"才艺比拼大赛</a></li>
</ul>
</div>
<script type="text/javascript">
jQuery(".news").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,vis:1});
</script>
</div>
<!--more-->
<div class="more wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="m_l"><a href="#"><span></span><h3>最新课程</h3></a></div>
<div class="m_c">
<div class="m_t"><a href="#"><span></span><h3>艺术周边</h3></a></div>
<div class="m_b"><a href="#"><span></span><h3>师资力量</h3></a></div>
</div>
<div class="m_r"><a href="#"><span></span><h3>校区环境</h3></a></div>
</div>
<!--class-->
<div class="classify">
<div class="class_tit">
<span></span>
<h3>课程分类</h3>
<span class="more_pic"></span>
</div>
<ul class="list">
<li class="wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.2s"><a href="#">
<img src="images/pics_01.png" alt="">
<h5>钢琴</h5>
<p><span></span><em>888人</em></p>
</a></li>
<li class="wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.2s"><a href="#">
<img src="images/pics_02.png" alt="">
<h5>舞蹈</h5>
<p><span></span><em>888人</em></p>
</a></li>
<li class="wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.2s"><a href="">
<img src="images/pics_03.png" alt="">
<h5>绘画</h5>
<p><span></span><em>888人</em></p>
</a></li>
<li class="wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.2s"><a href="">
<img src="images/pics_04.png" alt="">
<h5>长笛</h5>
<p><span></span><em>888人</em></p>
</a></li>
<li class="wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.2s"><a href="">
<img src="images/pics_05.png" alt="">
<h5>架子鼓</h5>
<p><span></span><em>888人</em></p>
</a></li>
<li class="wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.2s"><a href="">
<img src="images/pics_06.png" alt="">
<h5>大提琴</h5>
<p><span></span><em>888人</em></p>
</a></li>
</ul>
</div>
<div class="sheji_05_inside wow fadeInDown" data-wow-duration="0.6s" data-wow-delay="0.7s">
<div id="sheji_05"><a href="#">
<div><img src="images/xiao_02.png" width="100%"/></div></a>
</div>
</div><!--sheji_05-->
<div class="sheji_06_inside wow fadeInDown" data-wow-duration="0.6s" data-wow-delay="0.7s">
<div id="sheji_06"><a href="#">
<div><img src="images/xiao_01.png" width="100%"/></div></a>
</div>
</div><!--sheji_06-->
<div class="sheji_07_inside wow fadeInDown" data-wow-duration="0.6s" data-wow-delay="0.7s">
<div id="sheji_07"><a href="#">
<div><img src="images/xiao_03.png" width="10
教育网站网页版和APP版本，小程序和H5页面
需积分: 0 141 浏览量
2023-03-18
19:00:45
上传
评论
收藏 1.65MB RAR 举报
优质教育web APP.rar （14个子文件） 
APP 优质教育webapp webapp原件 
logo.ai 290KB iconfont iconfont.ttf 7KB
iconfont.svg 6KB iconfont.eot 7KB iconfont.woff 4KB css main.css 10KB iconfont.css 1KB animate.css 71KB format.css 2KB favicon.ico 742B
index.html 8KB icon.psd 605KB images 
banner01.png 465KB 引导页.psd 1.2MB资源评论
