<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>练习网站</title>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script>
<link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet"type="text/css" />
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
myFocus.set({
id:'box'
})
</script>
<style type="text/css">
<!--
.STYLE1 {font-size: 12px}
-->
</style>
</head>
<body>
<div class="top">
<div class="logo">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品特色</a></li>
<li><a href="#">解决方案</a></li>
<li><a href="#">产品价格</a></li>
<li><a href="#">帮助中心</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</div>
</div><!--导航条结束-->
<div class="nva">
<div class="dl" id="box">
<div class="loading"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="img/loading.gif" alt="图片加载中"/></div>
<div class="pic">
<ul>
<li><img src='img/ad2.jpg' /></li>
<li><img src='img/ad3.jpg' /></li>
<li><img src='img/ad4.jpg' /></li>
</ul>
</div>
</div>
</div><!--图片滚动结束-->
<div class="tel">
<div class="tel_left"><p>滚动新闻</p></div>
<div class="tel_right" id="tel_rg"><p>这是滚动新闻</p></div>
<script type="text/javascript">
function rollingNews() {
var newsArr = ["这里是滚动新闻哦 !", "看到我在变化了么 ?", "我会实时更新的...", "你有啥新鲜事也可以分享给我呀 :)", "不要做标题党呀..."];
var newsIndex = Math.floor(Math.random() * 5);
document.getElementById("tel_rg").innerHTML = newsArr[newsIndex];
}
setInterval(rollingNews, 3000);
</script>
</div><!--滚动新闻条结束-->
<div class="hader">
<div class="hader1"><img src='img/bs.jpg'/><h6>玩转BootStrap</h6></div>
<div class="hader2"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="img/css.jpg"/><h6>企业网站案列</h6></div>
<div class="hader3"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="img/js.jpg"/><h6>javaScript基础</h6></div>
</div><!--三大图片板块结束-->
<div class="derse">
<div class="derse1">
<div class="nese">新闻中心</div>
<ul>
<li>
<h6><strong>学习计划之"Android攻城狮初养成"</strong></h6>
<p align="right" class="STYLE1">想成为Android攻城狮？想开发一款专属app？没有任何基础的你，应该从何学起？</p><hr align="center" width="250" />
</li>
<li>
<h6><strong>学习计划之"Android攻城狮初养成"</strong></h6><p align="right" class="STYLE1">想成为Android攻城狮？想开发一款专属app？没有任何基础的你，应该从何学起？</p>
<hr width="250" /></li>
<li>
<h6><strong>学习计划之"Android攻城狮初养成"</strong></h6><p align="right" class="STYLE1">想成为Android攻城狮？想开发一款专属app？没有任何基础的你，应该从何学起？</p>
</li>
</ul></div>
<div class="derse2">
<div class="nese2">热门活动</div>
<div class="wand">
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="img/2048.jpg"/>
<h5>慕课网2014游戏源码征集</h5>
<h5>慕课网2014游戏源码征集</h5>
<h5>慕课网2014游戏源码征集</h5>
<h5>慕课网2014游戏源码征集</h5>
</div>
</div>
<div class="derse3">
<div class="nese3">联系我们</div>
<div class="wand1">
<ul>
<li>讲师招募</li>
<li>周同学</li>
<li>电话：5762478754</li>
<li>QQ:425424961</li>
li>E-mail：425424961@qq.com
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="ding"><p>Copyright 2016 imooc.com All Rights Reserved 京ICP备 13046642号-2</p></div>
</body>
</body>
</html>
共同学习，写下你的评论
评论加载中...
作者其他优质文章
