caolong
/
haohu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title id="pageTitle">昊古</title>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"/>
    <meta id="description" name="Description" content="昊古"/>
    <meta id="key" name="Keywords" content="昊古"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/common.css"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/fonts.css"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/aos.css"/>
    <script language="javascript" type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
    <script language="javascript" type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/js.js"></script>


</head>

<body>
<div class="header">
    <div class="headt">
        <div class="main">
            <div class="headlogo">
                <a class="lowes" href="${pageContext.request.contextPath}/index.html/1/3">
                    <img class="helogo" src="${pageContext.request.contextPath}/static/images/logo2x.png" alt="">
                </a>
                <a class="lores" href="${pageContext.request.contextPath}/index.html/1/3">
                    <img class="helogo" src="${pageContext.request.contextPath}/static/images/lores.png" alt="">
                </a>
            </div>
            <div class="munes">
                <a href="#0" class="cd-nav-trigger">Menu<span class="cd-icon"></span></a>
            </div>
            <div class="headnva">
                <ul>
                    <li><a href="${pageContext.request.contextPath}/index.html/1/3">基金介绍</a></li>
                    <li><a href="${pageContext.request.contextPath}/example.html">投资案例</a></li>
                    <li><a href="${pageContext.request.contextPath}/news.html/1/10">新闻动态</a></li>
                    <li><a href="${pageContext.request.contextPath}/contact.html">联系我们</a></li>
                </ul>
            </div>
            <div class="cl"></div>
        </div>
    </div>
</div>
<div class="headerpr"></div>

<div class="solde">
    <div class="soldimbg"
         style=" background-image: url(${pageContext.request.contextPath}/static/images/solde33.jpg); height:300px;"></div>
</div>


<div class="example" id="example">
    <span class="exampletex absolute txtbgab">Example</span>
    <div class="pro_tal">
        <div class="colutel textcent aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="zoom-in">
            <p class="colutelcn">投资案例</p>
            <p class="colutelen">Investment case</p>
        </div>
        <div class="exampnx_list">
            <div class="main">
                <c:forEach var="itme" items="${cases}">
                    <p class="exampnxicoim ${itme.id}"><img src="${pageContext.request.contextPath}/${itme.img}" alt="">
                    </p>
                </c:forEach>
            </div>
            <div class="div cl"></div>
        </div>
    </div>
</div>

<div class="foot">
    <div class="main">
        <div class="footcopy">Copyright &copy; 2017 昊古资本 沪ICP备14003493号-9 powered by jzdsh</div>
        <div class="cl"></div>
    </div>
</div>

<div class="mask mask1">
    <div class="maskal">
        <div class="maskbg"></div>

        <div class="maskblk">
            <div class="maskticl"><span>×</span></div>
            <div class="masktex">
                <div class="masklog"><img src="" alt="" id="img">
                </div>
                <div class="masktil" id="cname"></div>
                <div class="masksrc"><a href="#" id="cname1"></a></div>
                <div class="masktal">
                    <p id="context"></p>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- 代码部分end -->

<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/aos.js"></script>
<script type="text/javascript">
    function maskck() {
        var htmltop;
        $(".exampnxicoim").on("click", function () {
            var str = ($(this).attr("class")).split(" ");
            $.post("${pageContext.request.contextPath}/getCasesById.html", {"id": str[1]}, function (data1) {
                var str = eval("(" + data1 + ")");
                $("#img").attr("src", "${pageContext.request.contextPath}/" + str.data.img);
                $("#cname").html(str.data.cname);
                $("#cname1").html(str.data.cname);
                $("#context").html(str.data.content);
            })
            htmltop = $("html").scrollTop();
            $("html").addClass("ovhide");
            $(".mask").show();
        })
        $(".maskticl span").on("click", function () {
            $("html").removeClass("ovhide");
            $("html").scrollTop(htmltop);
            $(".masktex").scrollTop(0);
            $(".mask").hide();
        })
        $(".maskbg").on("click", function () {
            $("html").removeClass("ovhide");
            $("html").scrollTop(htmltop);
            $(".masktex").scrollTop(0);
            $(".mask").hide();
        })
    }

    (function () {
        AOS.init({});
        maskck();
    }());
</script>


</body>
</html>