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. MacOS 升级后pod 出现的问题

    -bash: /usr/local/bin/pod: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad ...

  2. 如何用js代码实现图片切换效果

    通过点击按钮,实现图片的隐藏与显现,切换. 实现代码:<style> .a{ width: 300px; height: 300px; border: 1px solid black; } ...

  3. 【python】random

    1.random 和其他语言一样,返回大于等于0.小于1的浮点数 2.uniform(a,b) 返回大于等于a.小于等于b的浮点数 3.randint(a,b) 这个很好理解,返回一个介于a和b之间的 ...

  4. dubbo之静态服务

    有时候希望人工管理服务提供者的上线和下线,此时需将注册中心标识为非动态管理模式 <dubbo:registry address="10.20.141.150:9090" dy ...

  5. 机器学习：随机森林RF-OBB袋外错误率

    文章讲解比较详细,且有Python代码,可以作为有用的参考. 原文链接:http://blog.csdn.net/zhufenglonglove/article/details/51785220  参 ...

  6. DNN结构演进History—CNN-GoogLeNet ：Going Deeper with Convolutions

    抄袭了一片文章,进行少量修改:http://www.gageet.com/2014/09203.php       作者:Christian Szegedy( google )  刘伟(北卡罗来纳  ...

  7. Swiper 3D flow轮播使用方法

    swiper 的3d轮播效果,移动端适用 (1). 如需使用Swiper的3d切换首先加载3D flow插件(js和css). <head> <link rel="styl ...

  8. BZOJ 1984月下“毛景树” LCT维护边权 + 下传标记

    Description 毛毛虫经过及时的变形,最终逃过的一劫,离开了菜妈的菜园. 毛毛虫经过千山万水,历尽千辛万苦,最后来到了小小的绍兴一中的校园里.爬啊爬~爬啊爬~~毛毛虫爬到了一颗小小的“毛景树” ...

  9. BZOJ 1108: [POI2007]天然气管道Gaz 性质分析_小结论_巧妙

    Description Mary试图控制成都的天然气市场.专家已经标示出了最好的天然气井和中转站在成都的地图.现在需要将中转 站和天然气井连接起来.每个中转站必须被连接到正好一个钻油井,反之亦然. M ...

  10. 八进制、十进制、操作符（day04）

    把二进制表示的数字从右向左每三个数位分成 一组,每组用一个0到7之间的数字替换. 这个替换结果叫做数字的八进制表示方式 (八进制) 可以直接在程序里用八进制方式表示数字, 这种数字必须以0做开头 可以 ...