123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Home</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
- <meta name="keywords" content="Bootstrap Responsive Templates, Iphone Compatible Templates, Smartphone Compatible Templates, Ipad Compatible Templates, Flat Responsive Templates"/>
- <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
- <link href="css/style.css" rel='stylesheet' type='text/css' />
- <link href='https://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
- <script src="js/jquery-1.11.0.min.js"></script>
- <!---- start-smoth-scrolling---->
- <script type="text/javascript" src="js/move-top.js"></script>
- <script type="text/javascript" src="js/easing.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function($) {
- $(".scroll").click(function(event){
- event.preventDefault();
- $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
- });
- });
- </script>
- <!---- start-smoth-scrolling---->
- </head>
- <body>
- <div class="head" id="home">
- <h1 align="center"><font color="#000000">校田径运动会系统</h1>
- <div class="header">
- <div class="menu">
- <ul class="nav" id="nav">
- <li><a href="index.html" class="active">首页</a></li>
- <li><a href="about.html">菜单</a></li>
-
- </ul>
- <!----start-top-nav-script---->
- <script type="text/javascript" src="js/responsive-nav.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function($) {
- $(".scroll").click(function(event){
- event.preventDefault();
- $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
- });
- });
- </script>
- <!----//End-top-nav-script---->
- </div>
- <div class="clearfix"> </div>
- </div>
- </div>
- </div>
- <div id="top" class="callbacks_container">
- <ul class="rslides" id="slider4">
- <li>
- <div class="banner">
- <div class="container">
- <div class="banner-text">
- <h1>青春似火,超越自我</h1>
- <P>放飞梦想,强健体魄</P>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="banner1">
- <div class="container">
- <div class="banner-text">
- <h1>青春似火,超越自我</h1>
- <P>放飞梦想,强健体魄</P>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="banner2">
- <div class="container">
- <div class="banner-text">
- <h1>青春似火,超越自我</h1>
- <P>放飞梦想,强健体魄</P>
- </div>
- </div>
- </div>
- </li>
- </ul>
- </div>
- <div class="clearfix"></div>
- <!--- banner Slider starts Here --->
- <script src="js/responsiveslides.min.js"></script>
- <script>
- // You can also use "$(window).load(function() {"
- $(function () {
- // Slideshow 4
- $("#slider4").responsiveSlides({
- auto: true,
- pager: true,
- nav: true,
- speed: 500,
- namespace: "callbacks",
- before: function () {
- $('.events').append("<li>before event fired.</li>");
- },
- after: function () {
- $('.events').append("<li>after event fired.</li>");
- }
- });
-
- });
- </script>
- </body>
- </html>
|