码迷，mamicode.com
首页 > 其他好文 > 详细

我有回来了

时间：2014-07-16 16:16:07      阅读：266      评论：0      收藏：0      [点我收藏+]

标签：des   style   http   java   color   os   

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Gallery - Beautiful很酷很炫的图片效果----IT is SHow Time</title>


<meta name="description" content="responsive photo gallery using colorbox" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />


<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/font-awesome.min.css" />


<!-- page specific plugin styles -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/colorbox.css" />


<!-- text fonts -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/ace-fonts.css" />


<!-- ace styles -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/ace.min.css" />


<!--[if lte IE 9]>
<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/ace-part2.min.css" />
<![endif]-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/ace-rtl.min.css" />


<!--[if lte IE 9]>
 <link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/ace-ie.min.css" />
<![endif]-->


<!-- inline styles related to this page -->


<!-- Fav and touch icons 修改网站的小图标 LOGO-->
<link rel="apple-touch-icon-precomposed" sizes="144x144"
href="images/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
href="images/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
href="/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
href="images/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="images/favicon.png">
<link href="css/carousel.css" rel="stylesheet">



<!-- ace settings handler -->
<script src="<%=request.getContextPath()%>/translator/assets/js/ace-extra.min.js"></script>


<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->


<!--[if lte IE 8]>
<script src="<%=request.getContextPath()%>/translator/assets/js/html5shiv.js"></script>
<script src="<%=request.getContextPath()%>/translator/assets/js/respond.min.js"></script>
<![endif]-->
</head>


<body class="no-skin">
<!-- #section:basics/navbar.layout -->
<div id="navbar" class="navbar navbar-default">
<script type="text/javascript">
try{ace.settings.check(‘navbar‘ , ‘fixed‘)}catch(e){}
</script>


<div class="navbar-container" id="navbar-container">
<!-- #section:basics/sidebar.mobile.toggle -->
<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
<span class="sr-only">Toggle sidebar</span>


<span class="icon-bar"></span>


<span class="icon-bar"></span>


<span class="icon-bar"></span>
</button>


<!-- /section:basics/sidebar.mobile.toggle -->
<div class="navbar-header pull-left">
<!-- #section:basics/navbar.layout.brand -->
<a href="#" class="navbar-brand">
<small>
<i class="fa fa-leaf"></i>
Ace Admin
</small>
</a>


<!-- /section:basics/navbar.layout.brand -->


<!-- #section:basics/navbar.toggle -->


<!-- /section:basics/navbar.toggle -->
</div>


<!-- #section:basics/navbar.dropdown -->
<div class="navbar-buttons navbar-header pull-right" role="navigation">
<ul class="nav ace-nav">
<li class="grey">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<i class="ace-icon fa fa-tasks"></i>
<span class="badge badge-grey">4</span>
</a>


<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
<li class="dropdown-header">
<i class="ace-icon fa fa-check"></i>
4 Tasks to complete
</li>


<li>
<a href="#">
<div class="clearfix">
<span class="pull-left">Software Update</span>
<span class="pull-right">65%</span>
</div>


<div class="progress progress-mini">
<div style="width:65%" class="progress-bar"></div>
</div>
</a>
</li>


<li>
<a href="#">
<div class="clearfix">
<span class="pull-left">Hardware Upgrade</span>
<span class="pull-right">35%</span>
</div>


<div class="progress progress-mini">
<div style="width:35%" class="progress-bar progress-bar-danger"></div>
</div>
</a>
</li>


<li>
<a href="#">
<div class="clearfix">
<span class="pull-left">Unit Testing</span>
<span class="pull-right">15%</span>
</div>


<div class="progress progress-mini">
<div style="width:15%" class="progress-bar progress-bar-warning"></div>
</div>
</a>
</li>


<li>
<a href="#">
<div class="clearfix">
<span class="pull-left">Bug Fixes</span>
<span class="pull-right">90%</span>
</div>


<div class="progress progress-mini progress-striped active">
<div style="width:90%" class="progress-bar progress-bar-success"></div>
</div>
</a>
</li>


<li class="dropdown-footer">
<a href="#">
See tasks with details
<i class="ace-icon fa fa-arrow-right"></i>
</a>
</li>
</ul>
</li>


<li class="purple">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<i class="ace-icon fa fa-bell icon-animated-bell"></i>
<span class="badge badge-important">8</span>
</a>


<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
<li class="dropdown-header">
<i class="ace-icon fa fa-exclamation-triangle"></i>
8 Notifications
</li>


<li>
<a href="#">
<div class="clearfix">
<span class="pull-left">
<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
New Comments
</span>
<span class="pull-right badge badge-info">+12</span>
</div>
</a>
</li>


<li>
<a href="#">
<i class="btn btn-xs btn-primary fa fa-user"></i>
Bob just signed up as an editor ...
</a>
</li>


<li>
<a href="#">
<div class="clearfix">
<span class="pull-left">
<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
New Orders
</span>
<span class="pull-right badge badge-success">+8</span>
</div>
</a>
</li>


<li>
<a href="#">
<div class="clearfix">
<span class="pull-left">
<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
Followers
</span>
<span class="pull-right badge badge-info">+11</span>
</div>
</a>
</li>


<li class="dropdown-footer">
<a href="#">
See all notifications
<i class="ace-icon fa fa-arrow-right"></i>
</a>
</li>
</ul>
</li>


<li class="green">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
<span class="badge badge-success">5</span>
</a>


<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
<li class="dropdown-header">
<i class="ace-icon fa fa-envelope-o"></i>
5 Messages
</li>


<li class="dropdown-content">
<ul class="dropdown-menu dropdown-navbar">
<li>
<a href="#">
<img src="<%=request.getContextPath()%>/translator/assets/avatars/avatar.png" class="msg-photo" alt="Alex‘s Avatar" />
<span class="msg-body">
<span class="msg-title">
<span class="blue">Alex:</span>
Ciao sociis natoque penatibus et auctor ...
</span>


<span class="msg-time">
<i class="ace-icon fa fa-clock-o"></i>
<span>a moment ago</span>
</span>
</span>
</a>
</li>


<li>
<a href="#">
<img src="<%=request.getContextPath()%>/translator/assets/avatars/avatar3.png" class="msg-photo" alt="Susan‘s Avatar" />
<span class="msg-body">
<span class="msg-title">
<span class="blue">Susan:</span>
Vestibulum id ligula porta felis euismod ...
</span>


<span class="msg-time">
<i class="ace-icon fa fa-clock-o"></i>
<span>20 minutes ago</span>
</span>
</span>
</a>
</li>


<li>
<a href="#">
<img src="<%=request.getContextPath()%>/translator/assets/avatars/avatar4.png" class="msg-photo" alt="Bob‘s Avatar" />
<span class="msg-body">
<span class="msg-title">
<span class="blue">Bob:</span>
Nullam quis risus eget urna mollis ornare ...
</span>


<span class="msg-time">
<i class="ace-icon fa fa-clock-o"></i>
<span>3:15 pm</span>
</span>
</span>
</a>
</li>


<li>
<a href="#">
<img src="<%=request.getContextPath()%>/translator/assets/avatars/avatar2.png" class="msg-photo" alt="Kate‘s Avatar" />
<span class="msg-body">
<span class="msg-title">
<span class="blue">Kate:</span>
Ciao sociis natoque eget urna mollis ornare ...
</span>


<span class="msg-time">
<i class="ace-icon fa fa-clock-o"></i>
<span>1:33 pm</span>
</span>
</span>
</a>
</li>


<li>
<a href="#">
<img src="http://tfyworld.qiniudn.com/davi" class="msg-photo" alt="Kate‘s Avatar" />
<span class="msg-body">
<span class="msg-title">
<span class="blue">Kate:</span>
Ciao sociis natoque eget urna mollis ornare ...
</span>


<span class="msg-time">
<i class="ace-icon fa fa-clock-o"></i>
<span>1:366663 pm</span>
</span>
</span>
</a>
</li>




<li>
<a href="#">
<img src="<%=request.getContextPath()%>/translator/assets/avatars/avatar5.png" class="msg-photo" alt="Fred‘s Avatar" />
<span class="msg-body">
<span class="msg-title">
<span class="blue">Fred:</span>
Vestibulum id penatibus et auctor  ...
</span>


<span class="msg-time">
<i class="ace-icon fa fa-clock-o"></i>
<span>10:09 am</span>
</span>
</span>
</a>
</li>
</ul>
</li>


<li class="dropdown-footer">
<a href="inbox.html">
See all messages
<i class="ace-icon fa fa-arrow-right"></i>
</a>
</li>
</ul>
</li>


<!-- #section:basics/navbar.user_menu -->
<li class="light-blue">
<a data-toggle="dropdown" href="#" class="dropdown-toggle">
<img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Jason‘s Photo" />
<span class="user-info">
<small>Welcome(您好),</small>
${user.username }
</span>


<i class="ace-icon fa fa-caret-down"></i>
</a>


<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
<li>
<a href="<%=request.getContextPath() %>/redirectUrl.jsp">
<i class="ace-icon fa fa-exchange"></i>
首页-->走你
</a>
</li>


<li>
<a href="user!showUserBasicInfo?username=<%= session.getAttribute("userID")%> " >
<i class="ace-icon fa fa-user"></i>
个人信息
</a>
</li>


<li>


<a href="#modal-table" role="button"  data-toggle="modal">
<i class="ace-icon fa fa-key"></i>
修改密码</a>




<!-- 
<a href="information/information_basic.html">
<i class="ace-icon fa fa-key"></i>
修改密码
</a>
</li>
-->




<li class="divider"></li>


<li>
<a href="<%=request.getContextPath() %>/login!logout.action">
<i class="ace-icon fa fa-power-off"></i>
退出
</a>
</li>
</ul>
</li>


<!-- /section:basics/navbar.user_menu -->
</ul>
</div>


<!-- /section:basics/navbar.dropdown -->
</div><!-- /.navbar-container -->
</div>


<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
<script type="text/javascript">
try{ace.settings.check(‘main-container‘ , ‘fixed‘)}catch(e){}
</script>


<!-- #section:basics/sidebar -->
<div id="sidebar" class="sidebar                  responsive">
<script type="text/javascript">
try{ace.settings.check(‘sidebar‘ , ‘fixed‘)}catch(e){}
</script>


<div class="sidebar-shortcuts" id="sidebar-shortcuts">
<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
<button class="btn btn-success">
<i class="ace-icon fa fa-signal"></i>
</button>


<button class="btn btn-info">
<i class="ace-icon fa fa-pencil"></i>
</button>


<!-- #section:basics/sidebar.layout.shortcuts -->
<button class="btn btn-warning">
<i class="ace-icon fa fa-users"></i>
</button>


<button class="btn btn-danger">
<i class="ace-icon fa fa-cogs"></i>
</button>


<!-- /section:basics/sidebar.layout.shortcuts -->
</div>


<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
<span class="btn btn-success"></span>


<span class="btn btn-info"></span>


<span class="btn btn-warning"></span>


<span class="btn btn-danger"></span>
</div>
</div><!-- /.sidebar-shortcuts -->


<ul class="nav nav-list">
<li class="active">
<a href="<%=request.getContextPath() %>/redirectUrl.jsp">
<i class="menu-icon fa fa-desktop"></i>
<span class="menu-text"> 我的首页 </span>
</a>


<b class="arrow"></b>
</li>


<li class="">
<a href="#" class="dropdown-toggle">
<i class="menu-icon fa fa-list"></i>
<span class="menu-text">我怀念的 </span>


<b class="arrow fa fa-angle-down"></b>
</a>


<b class="arrow"></b>


<ul class="submenu">
<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
六年1班(2003-07-01)
</a>


<b class="arrow"></b>
</li>
<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
初三1班(2003-09-01)
</a>


<b class="arrow"></b>
</li>






<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
高三4班(2006-09-01)
</a>


<b class="arrow"></b>
</li>


<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
2009-09-06班(2009-09-01)
</a>


<b class="arrow"></b>
</li>

<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
幸福的乐园--我的家(MyFamily)
</a>


<b class="arrow"></b>
</li>





</ul>
</li>




<li class="">
<a href="#" class="dropdown-toggle">
<i class="menu-icon fa fa-users"></i>
<span class="menu-text"> 我的关系 </span>


<b class="arrow fa fa-angle-down"></b>
</a>
<b class="arrow"></b>


<ul class="submenu">
<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
关注用户
</a>
<b class="arrow"></b>
</li>


<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
雇主
</a>
<b class="arrow"></b>
</li>


<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
邀请程序员(CODER)
</a>
<b class="arrow"></b>
</li>


</ul>
</li>


<li class="">
<a href="#" class="dropdown-toggle">
<i class="menu-icon fa fa-book"></i>
<span class="menu-text"> 开源项目管理 </span>


<b class="arrow fa fa-angle-down"></b>
</a>
<b class="arrow"></b>


<ul class="submenu">
<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
js库
</a>
<b class="arrow"></b>
</li>


<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
java库
</a>
<b class="arrow"></b>
</li>


</ul>
</li>






<li class="">
<a href="#" class="dropdown-toggle">
<i class="menu-icon fa fa-list-alt"></i>
<span class="menu-text"> 我的账户</span>


<b class="arrow fa fa-angle-down"></b>
</a>


<b class="arrow"></b>


<ul class="submenu">
<li class="">
<a href="user!showUserBasicInfo?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
基本信息
</a>


<b class="arrow"></b>
</li>






<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
资金账户
</a>


<b class="arrow"></b>
</li>

<li class="">
<a href="user!showUserBeautifulGallery?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
很炫很酷的(图片显示)--LOOK

</a>


<b class="arrow"></b>
</li>

<li class="">
<a href="<%=request.getContextPath() %>/wwwroot/index.html">
<i class="menu-icon fa fa-caret-right"></i>
这个不错看看(导航下拉列表)--LOOK
</a>


<b class="arrow"></b>
</li>

<li class="">
<a href="upload!showUserImagesForPager.action?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
云图库图片列表--LOOK
</a>


<b class="arrow"></b>
</li>


<li class="">
<a href="forward!showForwardPage?username=<%= session.getAttribute("userID")%> ">
<i class="menu-icon fa fa-caret-right"></i>
上传图片
</a>


<b class="arrow"></b>
</li>



<!-- 
<li class="">
<a href="tasks/task_unpay_list.html">
<i class="menu-icon fa fa-caret-right"></i>
付款信息
</a>


<b class="arrow"></b>
</li>


-->


</ul>
</li>
</ul><!-- /.nav-list -->
<!-- #section:basics/sidebar.layout.minimize -->
<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
</div>


<!-- /section:basics/sidebar.layout.minimize -->
<script type="text/javascript">
try{ace.settings.check(‘sidebar‘ , ‘collapsed‘)}catch(e){}
</script>
</div>


<!-- /section:basics/sidebar -->
<div class="main-content">
<!-- #section:basics/content.breadcrumbs -->
<div class="breadcrumbs" id="breadcrumbs">
<script type="text/javascript">
try{ace.settings.check(‘breadcrumbs‘ , ‘fixed‘)}catch(e){}
</script>


<ul class="breadcrumb">
<li>
<i class="ace-icon fa fa-home home-icon"></i>
<a href="#">Home</a>
</li>
<li class="active">Gallery</li>
</ul><!-- /.breadcrumb -->


<!-- #section:basics/content.searchbox -->
<div class="nav-search" id="nav-search">
<form class="form-search">
<span class="input-icon">
<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
<i class="ace-icon fa fa-search nav-search-icon"></i>
</span>
</form>
</div><!-- /.nav-search -->


<!-- /section:basics/content.searchbox -->
</div>


<!-- /section:basics/content.breadcrumbs -->
<div class="page-content">
<!-- #section:settings.box -->
<div class="ace-settings-container" id="ace-settings-container">
<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
<i class="ace-icon fa fa-cog bigger-150"></i>
</div>


<div class="ace-settings-box clearfix" id="ace-settings-box">
<div class="pull-left width-50">
<!-- #section:settings.skins -->
<div class="ace-settings-item">
<div class="pull-left">
<select id="skin-colorpicker" class="hide">
<option data-skin="no-skin" value="#438EB9">#438EB9</option>
<option data-skin="skin-1" value="#222A2D">#222A2D</option>
<option data-skin="skin-2" value="#C6487E">#C6487E</option>
<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
</select>
</div>
<span>&nbsp; Choose Skin</span>
</div>


<!-- /section:settings.skins -->


<!-- #section:settings.navbar -->
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
</div>


<!-- /section:settings.navbar -->


<!-- #section:settings.sidebar -->
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
</div>


<!-- /section:settings.sidebar -->


<!-- #section:settings.breadcrumbs -->
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
</div>


<!-- /section:settings.breadcrumbs -->


<!-- #section:settings.rtl -->
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
</div>


<!-- /section:settings.rtl -->


<!-- #section:settings.container -->
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
<label class="lbl" for="ace-settings-add-container">
Inside
<b>.container</b>
</label>
</div>


<!-- /section:settings.container -->
</div><!-- /.pull-left -->


<div class="pull-left width-50">
<!-- #section:basics/sidebar.options -->
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
</div>


<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
</div>


<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
</div>


<!-- /section:basics/sidebar.options -->
</div><!-- /.pull-left -->
</div><!-- /.ace-settings-box -->
</div><!-- /.ace-settings-container -->


<!-- /section:settings.box -->
<div class="page-header">
<h1>
Gallery
<small>
<i class="ace-icon fa fa-angle-double-right"></i>
responsive photo gallery using colorbox
</small>
</h1>
</div><!-- /.page-header -->


<div class="row">
<div class="col-xs-12">
<!-- PAGE CONTENT BEGINS -->
<div>
<ul class="ace-thumbnails clearfix">
<!-- #section:pages/gallery -->
<li>
<a href="<%=request.getContextPath()%>/translator/assets/images/gallery/image-1.jpg" title="Photo Title" data-rel="colorbox">
<img alt="150x150" src="<%=request.getContextPath()%>/translator/assets/images/gallery/thumb-1.jpg" />
</a>


<div class="tags">
<span class="label-holder">
<span class="label label-info">breakfast</span>
</span>


<span class="label-holder">
<span class="label label-danger">fruits</span>
</span>


<span class="label-holder">
<span class="label label-success">toast</span>
</span>


<span class="label-holder">
<span class="label label-warning arrowed-in">diet</span>
</span>
</div>


<div class="tools">
<a href="#">
<i class="ace-icon fa fa-link"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-paperclip"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-pencil"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-times red"></i>
</a>
</div>
</li>


<li>
<a href="<%=request.getContextPath()%>/translator/assets/images/gallery/image-2.jpg" data-rel="colorbox">
<img alt="150x150" src="<%=request.getContextPath()%>/translator/assets/images/gallery/thumb-2.jpg" />
<div class="text">
<div class="inner">Sample Caption on Hover</div>
</div>
</a>
</li>


<!-- /section:pages/gallery -->


<!-- #section:pages/gallery.caption -->
<li>
<a href="<%=request.getContextPath()%>/translator/assets/images/gallery/image-3.jpg" data-rel="colorbox">
<img alt="150x150" src="<%=request.getContextPath()%>/translator/assets/images/gallery/thumb-3.jpg" />
<div class="text">
<div class="inner">Sample Caption on Hover</div>
</div>
</a>


<div class="tools tools-bottom">
<a href="#">
<i class="ace-icon fa fa-link"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-paperclip"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-pencil"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-times red"></i>
</a>
</div>
</li>


<!-- /section:pages/gallery.caption -->
<li>
<a href="<%=request.getContextPath()%>/translator/assets/images/gallery/image-4.jpg" data-rel="colorbox">
<img alt="150x150" src="<%=request.getContextPath()%>/translator/assets/images/gallery/thumb-4.jpg" />
<div class="tags">
<!-- #section:pages/gallery.tags -->
<span class="label-holder">
<span class="label label-info arrowed">fountain</span>
</span>


<span class="label-holder">
<span class="label label-danger">recreation</span>
</span>


<!-- /section:pages/gallery.tags -->
</div>
</a>


<div class="tools tools-top">
<a href="#">
<i class="ace-icon fa fa-link"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-paperclip"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-pencil"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-times red"></i>
</a>
</div>
</li>


<li>
<div>
<img alt="150x150" src="<%=request.getContextPath()%>/translator/assets/images/gallery/thumb-5.jpg" />
<div class="text">
<div class="inner">
<span>Some Title!</span>


<br />
<a href="<%=request.getContextPath()%>/translator/assets/images/gallery/image-5.jpg" data-rel="colorbox">
<i class="ace-icon fa fa-search-plus"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-user"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-share"></i>
</a>
</div>
</div>
</div>
</li>


<li>
<a href="<%=request.getContextPath()%>/translator/assets/images/gallery/image-6.jpg" data-rel="colorbox">
<img alt="150x150" src="<%=request.getContextPath()%>/translator/assets/images/gallery/thumb-6.jpg" />
</a>


<div class="tools tools-right">
<a href="#">
<i class="ace-icon fa fa-link"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-paperclip"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-pencil"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-times red"></i>
</a>
</div>
</li>



<li>
<a href="http://tfyworld.qiniudn.com/davi.jpg" data-rel="colorbox">
<img alt="150x150" src="http://tfyworld.qiniudn.com/davi" />
</a>


<div class="tools">
<a href="#">
<i class="ace-icon fa fa-link"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-paperclip"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-pencil"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-times red"></i>
</a>
</div>
</li>



<li>
<a href="<%=request.getContextPath()%>/translator/assets/images/gallery/image-1.jpg" data-rel="colorbox">
<img alt="150x150" src="<%=request.getContextPath()%>/translator/assets/images/gallery/thumb-1.jpg" />
</a>


<div class="tools">
<a href="#">
<i class="ace-icon fa fa-link"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-paperclip"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-pencil"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-times red"></i>
</a>
</div>
</li>


<li>
<a href="<%=request.getContextPath()%>/translator/assets/images/gallery/image-2.jpg" data-rel="colorbox">
<img alt="150x150" src="<%=request.getContextPath()%>/translator/assets/images/gallery/thumb-2.jpg" />
</a>


<!-- #section:pages/gallery.tools -->
<div class="tools tools-top in">
<a href="#">
<i class="ace-icon fa fa-link"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-paperclip"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-pencil"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-times red"></i>
</a>
</div>


<!-- /section:pages/gallery.tools -->
</li>
</ul>
</div><!-- PAGE CONTENT ENDS -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.page-content -->
</div><!-- /.main-content -->


<div class="footer">
<div class="footer-inner">
<!-- #section:basics/footer -->
<div class="footer-content">
<span class="bigger-120">
<span class="blue bolder">Ace</span>
Application &copy; 2014-07-09 YOU ARE BEAUTIFUL,IT IS TRUE!7
《叛逆的鲁鲁修》：知道雪为什么是白色吗？因为它忘记了自己曾经的颜色。那年你站在樱花下冲我淡淡微笑。还记得曾经纯真的你吗
</span>


&nbsp; &nbsp;
<span class="action-buttons">
<a href="#">
<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
</a>


<a href="#">
<i class="ace-icon fa fa-rss-square orange bigger-150"></i>
</a>
</span>
</div>


<!-- /section:basics/footer -->
</div>
</div>


<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div><!-- /.main-container -->


<!-- basic scripts -->


<!--[if !IE]> -->
<script type="text/javascript">
window.jQuery || document.write("<script src=‘<%=request.getContextPath()%>/translator/assets/js/jquery.min.js‘>"+"<"+"/script>");
</script>


<!-- <![endif]-->


<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src=‘<%=request.getContextPath()%>/translator/assets/js/jquery1x.min.js‘>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
if(‘ontouchstart‘ in document.documentElement) document.write("<script src=‘<%=request.getContextPath()%>/translator/assets/js/jquery.mobile.custom.min.js‘>"+"<"+"/script>");
</script>
<script src="<%=request.getContextPath()%>/translator/assets/js/bootstrap.min.js"></script>


<!-- page specific plugin scripts -->
<script src="<%=request.getContextPath()%>/translator/assets/js/jquery.colorbox-min.js"></script>


<!-- ace scripts -->
<script src="<%=request.getContextPath()%>/translator/assets/js/ace-elements.min.js"></script>
<script src="<%=request.getContextPath()%>/translator/assets/js/ace.min.js"></script>


<!-- inline scripts related to this page -->
<script type="text/javascript">
jQuery(function($) {
var $overflow = ‘‘;
var colorbox_params = {
rel: ‘colorbox‘,
reposition:true,
scalePhotos:true,
scrolling:false,
previous:‘<i class="ace-icon fa fa-arrow-left"></i>‘,
next:‘<i class="ace-icon fa fa-arrow-right"></i>‘,
close:‘&times;‘,
current:‘{current} of {total}‘,
maxWidth:‘100%‘,
maxHeight:‘100%‘,
onOpen:function(){
$overflow = document.body.style.overflow;
document.body.style.overflow = ‘hidden‘;
},
onClosed:function(){
document.body.style.overflow = $overflow;
},
onComplete:function(){
$.colorbox.resize();
}
};


$(‘.ace-thumbnails [data-rel="colorbox"]‘).colorbox(colorbox_params);
$("#cboxLoadingGraphic").append("<i class=‘ace-icon fa fa-spinner orange‘></i>");//let‘s add a custom loading icon
})
</script>


<link rel="stylesheet" href="<%=request.getContextPath()%>/translator/assets/css/ace.onpage-help.css" />
<link rel="stylesheet" href="../docs/assets/js/themes/sunburst.css" />


<script type="text/javascript"> ace.vars[‘base‘] = ‘..‘; </script>
<script src="<%=request.getContextPath()%>/translator/assets/js/ace/ace.onpage-help.js"></script>
<script src="../docs/assets/js/rainbow.js"></script>
<script src="../docs/assets/js/language/generic.js"></script>
<script src="../docs/assets/js/language/html.js"></script>
<script src="../docs/assets/js/language/css.js"></script>
<script src="../docs/assets/js/language/javascript.js"></script>
</body>
</html>

我有回来了,布布扣,bubuko.com

我有回来了

标签：des   style   http   java   color   os   

原文地址：http://blog.csdn.net/tfy1332/article/details/37878461
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！