• 1209阅读
  • 2回复

【73课笔记】 [复制链接]

上一主题 下一主题
离线寻幽老鬼
 

只看楼主 倒序阅读 使用道具 楼主  发表于: 2016-06-02
view_top.jsp页面代码:
  1. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  2. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
  3. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  4. <!doctype html>
  5. <html>
  6. <head>
  7. <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <title>风叶林-资源最多的免费辅助教程论坛</title>
  10. <link href="${contextPath}/css/zui.min.css" rel="stylesheet">
  11. <script src="${contextPath}/js/jquery.min.js"></script>
  12. <script src="${contextPath}/js/zui.min.js"></script>
  13. </head>
  14. <body>
  15.     <div style="background-color: #5A90E3;">
  16.         <div class="container">
  17.             <font color="#ff00">欢迎来到风叶林</font>
  18.             <div style="float: right;">
  19.                 <a href="#" style="text-decoration:none;"><i class="icon-trophy"></i>加入VIP</a>  |  
  20.                 <a href="#" style="text-decoration:none;"><i class="icon-plus-sign"></i>注册</a>  |  
  21.                 <a href="#" style="text-decoration:none;"><i class="icon-user"></i>登陆</a>  |  
  22.                 <a href="#" style="text-decoration:none;"><i class="icon-phone-sign"></i>联系我们</a>
  23.             </div>
  24.         </div>
  25.     </div>
  26.     
  27.      <div class="container">
  28.         <img height=60 src="http://www.hifyl.com/p_w_picpath/wind/logo.png">
  29.          <div style="float: right; margin-top: 15px;">
  30.              <div class="input-group">
  31.                 <input type="text" class="form-control">
  32.                 <div class="input-group-btn">
  33.                   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="icon icon-search"></i>搜索 <span class="caret"></span></button>
  34.                   <ul class="dropdown-menu pull-right" role="menu">
  35.                     <li><a href="#">课程</a></li>
  36.                       <li><a href="#">组织</a></li>
  37.                       <li><a href="#">活动</a></li>
  38.                       <li><a href="#">交易需求</a></li>
  39.                       <li class="divider"></li>
  40.                       <li><a href="#">拍卖</a></li>
  41.                   </ul>
  42.                 </div>
  43.               </div>
  44.          </div>
  45.      </div>
  46.     
  47.     
  48.     
  49.      <div class="example" spellcheck="false" style="margin-bottom: -15px;">
  50.       <nav role="navigation" class="navbar navbar-inverse">
  51.       <div class="container">
  52.         <div class="navbar-header">
  53.           <!-- 移动设备上的导航切换按钮 -->
  54.           <button data-target=".navbar-collapse-example" data-toggle="collapse" class="navbar-toggle" type="button">
  55.             <span class="sr-only">切换导航</span>
  56.             <span class="icon-bar"></span>
  57.             <span class="icon-bar"></span>
  58.             <span class="icon-bar"></span>
  59.           </button>
  60.           <!-- 品牌名称或logo -->
  61.           <a href="/" class="navbar-brand">首页</a>
  62.         </div>
  63.         <!-- 导航项目 -->
  64.         <div class="collapse navbar-collapse navbar-collapse-example">
  65.           <ul class="nav navbar-nav">
  66.             <li class="dropdown">
  67.               <a data-toggle="dropdown" class="dropdown-toggle" href="#">课程分类<b class="caret"></b></a>
  68.               <ul role="menu" class="dropdown-menu">
  69.                 <li><a href="#">原创教程</a></li>
  70.                 <li><a href="#">外挂教程</a></li>
  71.                 <li><a href="#">黑客类</a></li>
  72.                 <li><a href="#">破解类</a></li>
  73.                 <li><a href="#">其他类</a></li>
  74.               </ul>
  75.             </li>
  76.             <li><a href="#">讲师</a></li>
  77.             <li><a href="#">组织</a></li>
  78.             <li><a href="#">活动</a></li>
  79.             <li><a href="#">交易需求</a></li>
  80.             <li><a href="#">拍卖</a></li>
  81.           </ul>
  82.         </div>
  83.         </div>
  84.       </nav>
  85.     </div>
  86. <div class="container">
index.jsp页面代码:
  1. <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
  2. <%@ include file="/view/imput/view_top.jsp" %>
  3.         
  4.     
  5.     
  6.     <div class="col-sm-8">
  7.         <div id="myNiceCarousel" class="carousel slide" data-ride="carousel">
  8.           <ol class="carousel-indicators">
  9.             <li data-target="#myNiceCarousel" data-slide-to="0" class="active"></li>
  10.             <li data-target="#myNiceCarousel" data-slide-to="1"></li>
  11.             <li data-target="#myNiceCarousel" data-slide-to="2"></li>
  12.           </ol>
  13.         
  14.           <div class="carousel-inner img-thumbnail">
  15.             <div class="item active">
  16.               <img alt="First slide" class="img-rounded" style="height: 300px;" src="http://zui.sexy/docs/img/slide1.jpg">
  17.               <div class="carousel-caption">
  18.                 <h3>我是第一张幻灯片</h3>
  19.                 <p>:)</p>
  20.               </div>
  21.             </div>
  22.             <div class="item">
  23.               <img alt="Second slide" class="img-rounded" style="height: 300px;" src="http://zui.sexy/docs/img/slide2.jpg">
  24.               <div class="carousel-caption">
  25.                 <h3>我是第二张幻灯片</h3>
  26.                 <p>0.0</p>
  27.               </div>
  28.             </div>
  29.             <div class="item">
  30.               <img alt="Third slide" class=" img-rounded" style="height: 300px;" src="http://zui.sexy/docs/img/slide3.jpg">
  31.               <div class="carousel-caption">
  32.                 <h3>我是第三张幻灯片</h3>
  33.                 <p>最后一张咯~</p>
  34.               </div>
  35.             </div>
  36.           </div>
  37.         
  38.           <a class="left carousel-control" href="#myNiceCarousel" data-slide="prev">
  39.             <span class="icon icon-chevron-left"></span>
  40.           </a>
  41.           <a class="right carousel-control" href="#myNiceCarousel" data-slide="next">
  42.             <span class="icon icon-chevron-right"></span>
  43.           </a>
  44.         </div>
  45.     </div>
  46.     <div class="col-sm-4">
  47.         <div class="panel">
  48.           <div class="panel-heading">
  49.                <i class="icon-newspaper-o"></i> 网站公告>>
  50.           </div>
  51.           <div class="panel-body">
  52.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  53.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  54.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  55.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  56.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  57.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  58.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  59.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  60.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  61.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  62.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  63.               <i class="icon-chat-line"></i>  : 热烈庆祝风叶林成立三周年...<br/>
  64.           </div>
  65.         </div>
  66.     </div>
  67. <%@ include file="/view/imput/view_bottom.jsp" %>




离线26011602001

只看该作者 沙发  发表于: 2017-07-02
       谢谢
离线wyx065747

只看该作者 板凳  发表于: 2017-09-14
      
快速回复
限100 字节
如果您在写长篇帖子又不马上发表,建议存为草稿
 
上一个 下一个