master

分支 (1)

管理

管理

master

ClassProject
/
media.html

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="css/handoop.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.11.1.js"></script>
    <script src="js/bootstrap.js"></script>

</head>
<body>
<div class="header">

    <!--导航1-->
    <div class="hNavBar">
        <div class="wrap">
            <div class="navBar-left">
                <ul class="ul-hor">
                    <li><a href="index.html">首页</a></li>
                    <li data-list="toggle">
                        <a href="#">讨论区</a>
                        <span class="caret"></span>
                        <ul class="dropDownList" data-list="menu">
                            <li><a href="#">技术问答 »</a></li>
                            <li><a href="#">技术分享 »</a></li>
                            <li><a href="#">经验分享 »</a></li>
                            <li><a href="#">站务建议 »</a></li>
                        </ul>
                    </li>
                    <li><a href="#">开源代码</a></li>
                    <li><a href="#">新闻资讯</a></li>
                    <li><a href="#">个人博客</a></li>
                    <li><a href="album.html">班级相册</a></li>
                    <li><a href="media.html">班级视频</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
            <div class="navBar-right">
                <ul class="ul-hor">
                    <li><a href="login.html">登陆</a></li>
                    <li>|</li>
                    <li><a href="register.html">注册</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!--导航2-->
    <div class="wrap">
        <div class="navLogo">
            <a href="index.html">
                <img src="images/classLogo.jpg"/>
            </a>
            <div class="search">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="search">
                    <span class="input-group-addon">search</span>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="wrap">

            <div style="width: 800px; height: 550px;margin-left: 100px">

                <video width="800" height="550" controls="controls">
                    <source src="media/video.mp4" type="video/mp4">
                </video>
                <a href="media/video.rar">下载该视频</a>
            </div>
    </div>

<div class="footer"></div>

<script src="js/handoop.js"></script>
<script type="text/javascript" src="js/masonry.pkgd.js"></script>
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){

        $("[data-list='toggle']").dropMenu();
    });

</script>
</body>
</html>