<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的四海兴唐</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--
作者：offline
时间：2017-11-18
描述：底部特效
-->
<style type="text/css">
a{text-decoration: none;}
</style>
<style>
#yourID
{
background-image: url(fonts/fonts/glyphicons-halflings-regular.svg);
height: 100px;
background-color: darkgray;
}
</style>
<!--
作者：offline
时间：2017-11-18
描述：地步特效结束
-->
<!--
作者：offline
时间：2017-11-23
描述：下载按钮
-->
<script type="text/javascript">
//在方法之外定义全局变量，此变量在一下声明的函数中都有效。
function testNum(){
alert(num);
}
var num = 0;
//js函数的运行 需要有触发机制，可以是dom对象的监听事件，也可以由其他的函数调用。
//js函数无返回值，因为js是弱类型的语言，
function test(){
alert("确定下载此文件吗？");
//return;
alert("已下载99%");
}
//js有返回值时直接返回，调用的时候
//也可直接return 结束方法的运行
//如果函数需要参数，直接定义参数名称，不需要定义参数类型。
</script>
</head>
<body>
<!--
作者：offline
时间：2017-11-17
描述：导航栏
-->
<nav class="navbar navbar-default" role="navigation" color="blue">
<div class="container-fluid">
<div class="navbar-header">
<a><img src="img/XT.jpg" style="width: 200px;"/></a>
</div>
<div>
<ul class="nav navbar-nav">
<li ><a href="index1.html"><font face="黑体">首页</font></a></li>
<li class="active"><a href="http://127.0.0.1:8020/bootstrap/%E4%B8%8B%E8%BD%BD%E8%AF%BE%E7%A8%8B1.html"><font face="黑体">下载课程</font></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><font face="黑体">
优秀作品</font>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href=“#” style="padding-left: 40px;">教育网站</a></li>
<li><a href="#" style="padding-left: 40px;">旅游管理</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right hidden-sm">
<li class="dropdown">
<a href="下载课程1.html" data-toggle="dropdown"><font face="黑体">
我的账号</font>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="下载课程1.html" style="padding-left: 40px;">我的课内</a></li>
<li><a href="我的日志.html" style="padding-left: 40px;">我的课外</a></li>
</ul>
</li>
<li><a href="/about/" ">  </a></li>
</u>
</div>
</div>
</nav>
<div class="container">
<div style="height: 30px;"></div>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<ul class="breadcrumb">
<li><a href="下载课程1.html">第一阶段</a> </li>
<li><a href="下载课程2.html">第二阶段</a></li>
<li><a href="#">第三阶段</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-9">
<div class="list-group">
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第一节课：JAVA入门</h4></a>
<p class="text-muted">
<small>发布时间：2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" οnclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
计算机常识Java ；简介Java； 发展历史；Java现状；Java 语言特点；开发环境配置；第一个 Java 程序
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第二节课：JAVA基本语法</h4></a>
<p class="text-muted">
<small>发布时间：2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" οnclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
Java关键字，是Java语言规定的具有特定含义的标识符。Java的关键字对java的编译器有特殊的意义，
他们用来表示一种数据类型，或者表示程序的结构等，关键字一律由小写英文字母组成。
Java关键字类似人类语言中的虚词，具有特定的含义，是组成程序（相当于人类语言中的文章）的必要组成部分。
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第三节课：JAVA基本语句</h4></a>
<p class="text-muted">
<small>发布时间：2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" οnclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
语句是程序的基本组成单元，一个软件就是一组语句的有序集合。
按照结构划分语句有三种形式
1、顺序结构：按前后顺序执行的语句体。
2、分支结构：选择执行一部分语句体。
3、循环结构：循环执行一块语句体。
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第三节课：JAVA基本语句</h4></a>
<p class="text-muted">
<small>发布时间：2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" οnclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
语句是程序的基本组成单元，一个软件就是一组语句的有序集合。
按照结构划分语句有三种形式
1、顺序结构：按前后顺序执行的语句体。
2、分支结构：选择执行一部分语句体。
3、循环结构：循环执行一块语句体。
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第四节课：JAVA基本语句</h4></a>
<p class="text-muted">
<small>发布时间：2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" οnclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
语句是程序的基本组成单元，一个软件就是一组语句的有序集合。
按照结构划分语句有三种形式
1、顺序结构：按前后顺序执行的语句体。
2、分支结构：选择执行一部分语句体。
3、循环结构：循环执行一块语句体。
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第五节课：JAVA基本语句</h4></a>
<p class="text-muted">
<small>发布时间：2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" οnclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
语句是程序的基本组成单元，一个软件就是一组语句的有序集合。
按照结构划分语句有三种形式
1、顺序结构：按前后顺序执行的语句体。
2、分支结构：选择执行一部分语句体。
3、循环结构：循环执行一块语句体。
</p>
</div>
</div>
<div class="text-left">
<ul class="pagination">
<li class="disabled"><a href="#">首页</a></li>
<li class="disabled"><a href="#">上一页</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="下载课程3.html">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">下一页</a></li>
<li><a href="#">尾页</a></li>
</ul>
</div>
</div>
<!--
作者：offline
时间：2017-11-19
描述：精品课程开始
-->
<div class="col-xs-3">
<div class="panel panel-default">
<div class="panel-heading" align="center">
推荐课程
</div>
<ul class="list-group" style="border: none;">
<li class="list-group-item" >
<a href="#" class="text-muted"><font color=#0000FF >JAVA入门</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >JAVA基本语法</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-封装</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-类和对象</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-继承，访问权限</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-类和对象</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-继承，访问权限</font></a>
</li>
</ul>
</div>
<!-- 精品课程结束-->
<div style="height: 70px;"></div>
<div class="panel panel-default">
<div class="panel-heading" align="center">
重要通知
</div>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐杯比赛开始</font> <font size="1">2017-11-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >天耀班进行扩招</font> <font size="1">2017-10-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐开始招生</font> <font size="1">2017-10-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐杯比赛开始</font> <font size="1">2017-11-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >天耀班进行扩招</font> <font size="1">2017-10-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐开始招生</font> <font size="1">2017-10-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐杯比赛开始</font> <font size="1">2017-11-24</font></a>
</li>
</div>
</div>
</div>
</div>
</div>
<div style="height: 140px;" align="center" id="yourID" >
<div style="height: 30px;"></div>
<p>教务电话：0371-55255350 咨询QQ：2098758339</p>
<p>地址：郑州市高新区郑州大学南门升龙又一城B座10楼</p>
<a href="http://www.zzu.edu.cn/"><font color="#000000"：>友情链接：郑州大学</font></a>
</div>
<!--底部描述结束 -->
</body>
</html>
1325
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
