ylbtech-Java：笔记-1
1.返回顶部
1、
 /**

     * 简介请求

     * @return

     */

    @RequestMapping("/JJ")

    public String jianjie(Model model){

        List<Dict> list = dictService.getColumnByPlate("JJ");

        List<Content> contentList = new ArrayList<>();

        for (Dict dict : list) {

            //从每个栏目下获取第一条文章

            List<Content> contents = contentService.queryByPlateAndColumn("JJ", dict.getCode(),1);

            contentList.add(contents.get(0));

        }

        model.addAttribute("column",list);

        model.addAttribute("content",contentList);

        return "forward:/list_jianjie.jsp";

    }
2、
<%@ page language="java" contentType="text/html; charset=utf-8" isELIgnored="false" pageEncoding="utf-8" %>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%

    String path = request.getContextPath();

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type"  content="text/html; charset=gb2312" />

    <title>简介</title>

    <link type="text/css" rel="stylesheet"  href="<%=path%>/css/list_jianjie.css"/>

    <script type="text/javascript" src="<%=path%>/js/jquery.min.js"></script>

</head>

<body>

<!--头部 -->

<%@ include file="header.jsp" %>

<!--内容区 -->

<div class="main clears">

    <div class="con ">

        <div class="list_nav"><span>您的位置：<a  class="spa" href="<%=path%>/index.jsp"target="_blank">首页</a> > 简介 </div>

        <div class="list_title">

            <c:forEach var="item" items="${column}"  varStatus="status">

                <li class="title1 lt tab${status.count} active"><a href="#tab${status.count}"><span> ${item.value}</span></a></li>

            </c:forEach>

            <div class="title1 rt more "><a  id="more" href="#"target="_blank"> 更多>></a></div>

            <div class=" hr clears" ></div>

        </div>

        <div class="list_con">

            <c:forEach var="item" items="${content}"  varStatus="status">

                <div id="tab${status.count}" class="tab_content" style="display: block; ">

                    <ul>

                       ${item.content}

                    </ul>

                </div>

            </c:forEach>

        </div>

    </div>

</div>

<div class="footertop">

    <img  src="<%=path%>/images/jianjie002.png"/>

</div>

<%@ include file="footer.jsp" %>

</body>

<script type="text/javascript">

    $(document).ready(function() {

        //默认active

        $(".tab_content").hide(); //隐藏全部的tab菜单内容

        $(".list_title li:first").addClass("active").show(); //对第一个li标签添加class="active属性"

        $(".tab_content:first").show(); //显示第一个tab内容

        //点击事件

        $(".list_title li").click(function() {

            $(".list_title li").removeClass("active"); //移除class="active"属性

            $(this).addClass("active"); //添加class="active"到选择标签中

            $(".tab_content").hide(); //隐藏全部标签内容

            var activeTab = $(this).find("a").attr("href"); //找到所属属性值来识别活跃选项卡和内容

            $(activeTab).fadeIn(); //使内容消失

            return false;

        });

    });

</script>

</html>
3、
2.返回顶部
 
3.返回顶部
 
4.返回顶部
 
5.返回顶部
 
 
6.返回顶部
 
作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

Java：笔记-1的更多相关文章

  1. Effective Java笔记一 创建和销毁对象

    Effective Java笔记一 创建和销毁对象 第1条 考虑用静态工厂方法代替构造器 第2条 遇到多个构造器参数时要考虑用构建器 第3条 用私有构造器或者枚举类型强化Singleton属性 第4条 ...

  2. java笔记00-目录

    --2013年7月26日17:49:59 学习java已久,趁最近有空,写一个总结: java笔记01-反射:

  3. java笔记整理

    Java 笔记整理 包含内容     Unix Java 基础, 数据库(Oracle jdbc Hibernate pl/sql), web, JSP, Struts, Ajax Spring, E ...

  4. 转 Java笔记：Java内存模型

    Java笔记:Java内存模型 2014.04.09 | Comments 1. 基本概念 <深入理解Java内存模型>详细讲解了java的内存模型,这里对其中的一些基本概念做个简单的笔记 ...

  5. servlet(6) - servlet总结 - 小易Java笔记

    垂阅前必看: 这都是我总结的我觉得是学习servlet应该掌握的,我在学习期间也做了一个博客项目来让所学的知识得以巩固.下面就是博客项目链接.前面的servlet相关的笔记总汇,还有就是我把觉得在学习 ...

  6. Java笔记 —— 继承

    Java笔记 -- 继承 h2{ color: #4ABCDE; } a{ text-decoration: none!important; } a:hover{ color: red !import ...

  7. Java笔记 —— 方法重载和方法重写

    Java笔记 -- 方法重载和方法重写 h2{ color: #4ABCDE; } a{ text-decoration: none !important; } a:hover{ color: red ...

  8. Java笔记 —— 初始化

    Java笔记 -- 初始化 h2{ color: #4ABCDE; } a{ text-decoration: none !important; } a:hover{ color: red !impo ...

  9. Java笔记 —— this 关键字

    Java笔记 -- this 关键字 h2{ color: #4ABCDE; } a{ color: blue; text-decoration: none; } a:hover{ color: re ...

  10. Java 笔记 —— java 和 javac

    Java 笔记 -- java 和 javac h2{ color: #4ABCDE; } a{ text-decoration: none !important; } a:hover{ color: ...

随机推荐

  1. QS之force(2)

    Examples 1) Force input1 to 0 at the current simulator time. force input1 0 2) Force the fourth elem ...

  2. 对学Oracle数据库初学者的开场篇

    前言:因为项目原因,近期开始学习Oracle数据库.Oracle是目前最流行的数据库之一,功能强大,性能卓越,相对的学习的难度还是不小.我打算将自己的学习过程记录下来,做个积累,方便自己和其他的学习者 ...

  3. JavaScript的基本语法（一）

    一.常用的表单元素有: 文本框(text). 密码框(password). 多行文本框(<textarea>) 单选按钮(radio). 复选框(checkbox). 列表框(<se ...

  4. 存档：Telerik Test Studio的摸索笔记

    http://www.51testing.com/?uid-170604-action-spacelist-starttime-1328025600-endtime-1330531200 http:/ ...

  5. 时序分析：ARIMA模型（非平稳时间序列）

    转载于一篇硕士论文.... ARIMA模型意为求和自回归滑动平均模型(IntergratedAut少regressive MovingAverageModel),简记为ARIMA(p,d,q),p,q ...

  6. PHP实现几秒前、几分钟前、几小时前、几天前

    /** * @Description: 将时间转换为几秒前.几分钟前.几小时前.几天前 * @Author: Yang * @param $the_time 需要转换的时间 * @return str ...

  7. this、super关键字以及他们各自的作用

    this:代表当前对象的引用,谁来调用我,我就代表谁 super:代表当前对象父类的引用 this和super的使用区别 A:调用成员变量 this.成员变量  调用本类的成员变量,也可以调用父类的成 ...

  8. html第五节课

    格式布局 一.position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口. 示例: 二.position:absolute 1.外层没有position:absolu ...

  9. 自动装箱拆箱(Autoboxing,Unboxing)

    自动装箱和拆箱 https://docs.oracle.com/javase/tutorial/java/data/autoboxing.html 1.5才有(Autoboxing,Unboxing) ...

  10. C++string和int的相互转化

    本方法主要利用sstream头文件中的方法来进行转换 1.int转成string #include <iostream> #include<string> #include&l ...