index.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Home</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  7. <meta name="keywords" content="Bootstrap Responsive Templates, Iphone Compatible Templates, Smartphone Compatible Templates, Ipad Compatible Templates, Flat Responsive Templates"/>
  8. <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
  9. <link href="css/style.css" rel='stylesheet' type='text/css' />
  10. <link href='https://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  11. <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
  12. <script src="js/jquery-1.11.0.min.js"></script>
  13. <!---- start-smoth-scrolling---->
  14. <script type="text/javascript" src="js/move-top.js"></script>
  15. <script type="text/javascript" src="js/easing.js"></script>
  16. <script type="text/javascript">
  17. jQuery(document).ready(function($) {
  18. $(".scroll").click(function(event){
  19. event.preventDefault();
  20. $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
  21. });
  22. });
  23. </script>
  24. <!---- start-smoth-scrolling---->
  25. </head>
  26. <body>
  27. <div class="head" id="home">
  28. <h1 align="center"><font color="#000000">校田径运动会系统</h1>
  29. <div class="header">
  30. <div class="menu">
  31. <ul class="nav" id="nav">
  32. <li><a href="index.html" class="active">首页</a></li>
  33. <li><a href="about.html">菜单</a></li>
  34. </ul>
  35. <!----start-top-nav-script---->
  36. <script type="text/javascript" src="js/responsive-nav.js"></script>
  37. <script type="text/javascript">
  38. jQuery(document).ready(function($) {
  39. $(".scroll").click(function(event){
  40. event.preventDefault();
  41. $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
  42. });
  43. });
  44. </script>
  45. <!----//End-top-nav-script---->
  46. </div>
  47. <div class="clearfix"> </div>
  48. </div>
  49. </div>
  50. </div>
  51. <div id="top" class="callbacks_container">
  52. <ul class="rslides" id="slider4">
  53. <li>
  54. <div class="banner">
  55. <div class="container">
  56. <div class="banner-text">
  57. <h1>青春似火,超越自我</h1>
  58. <P>放飞梦想,强健体魄</P>
  59. </div>
  60. </div>
  61. </div>
  62. </li>
  63. <li>
  64. <div class="banner1">
  65. <div class="container">
  66. <div class="banner-text">
  67. <h1>青春似火,超越自我</h1>
  68. <P>放飞梦想,强健体魄</P>
  69. </div>
  70. </div>
  71. </div>
  72. </li>
  73. <li>
  74. <div class="banner2">
  75. <div class="container">
  76. <div class="banner-text">
  77. <h1>青春似火,超越自我</h1>
  78. <P>放飞梦想,强健体魄</P>
  79. </div>
  80. </div>
  81. </div>
  82. </li>
  83. </ul>
  84. </div>
  85. <div class="clearfix"></div>
  86. <!--- banner Slider starts Here --->
  87. <script src="js/responsiveslides.min.js"></script>
  88. <script>
  89. // You can also use "$(window).load(function() {"
  90. $(function () {
  91. // Slideshow 4
  92. $("#slider4").responsiveSlides({
  93. auto: true,
  94. pager: true,
  95. nav: true,
  96. speed: 500,
  97. namespace: "callbacks",
  98. before: function () {
  99. $('.events').append("<li>before event fired.</li>");
  100. },
  101. after: function () {
  102. $('.events').append("<li>after event fired.</li>");
  103. }
  104. });
  105. });
  106. </script>
  107. </body>
  108. </html>