实现在文章后面添加目录分类和时间

本文介绍了一个用于展示工作动态的模块实现方式,包括动态标题、链接及发布时间等元素,并通过不同类别进行区分。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



<div class="rightdivtop" style="height:200px">
    <div
     style="width:423px; height:40px;  background: -moz-linear-gradient( top,#f0eef1,#fdfdfd); background: -webkit-linear-gradient( top,#f0eef1,#fdfdfd); overflow:hidden;">
     <p
      style=" width:100px; margin-left:22px; font-weight:600; font-size:14px; line-height:32px; float:left;">工作动态</p>
     <p>
      <a
       style="float:right;  width:80px; text-align:right; margin-right:25px; font-size:14px; line-height:32px; color:#007a77;"
       target=_self href="<%=basePath%>/jsp/index/querymore.jsp?dept=7">更多>></a>
     </p>
    </div>
    <div
     style="width:94%; border:dotted 1px #007a77; margin-left:auto; margin-right:auto;"></div>
    <div
     style="width:94%; margin-left:auto; margin-right:auto; font-size:12px; overflow:hidden; color:#666666;">

     <ul style="padding-top: 5px;color:#777777; margin-left: 25px; margin-top: 10px;">
      <c:forEach items="${map.head}" var="head">
       <li> <a
        style="font-size: 16px;color: #777777" target=_self
        href="<%=basePath%>/jsp/index/querynews.jsp?id=${head.id}"
        title="${head.title}"> ${fn:substring(head.title,0,15)} <c:if
          test="${fn:length(yaowen.title)>15 }">...</c:if>


       </a>
       </li>
      </c:forEach>
      <c:forEach items="${map.yaowen }" var="yaowen">
       <li><a target=_self
        href="<%=basePath %>/jsp/index/querynews.jsp?id=${yaowen.id}"
        style="color: #777777" title="${yaowen.title}">
         ${fn:substring(yaowen.title,0,15)}<c:if
          test="${fn:length(yaowen.title)>15 }">...</c:if> <c:choose>

          <c:when test="${yaowen.dept eq 1}">

           <span class="dept">[同业对标]</span>
          </c:when>

          <c:when test="${yaowen.dept eq 2}">
           <span class="dept">[运营监测]</span>

          </c:when>
          <c:when test="${yaowen.dept eq 3}">
           <span class="dept">[五位一体和标准化]</span>

          </c:when>
          <c:when test="${yaowen.dept eq 4}">
           <span class="dept">[管理创新和调研]</span>

          </c:when>
          <c:when test="${yaowen.dept eq 5}">
           <span class="dept">[质量管理]</span>

          </c:when>
          <c:when test="${yaowen.dept eq 6}">
           <span class="dept">[科技论文]</span>

          </c:when>
         </c:choose>

         
       </a><b style="float:right;font-weight:100">[<fmt:parseDate var="yn" value='${yaowen.newstime}' type="Date" pattern="yyyy-MM-dd"/>
         <fmt:formatDate  value="${yn}"  pattern="yyyy-MM-dd"/>
         ]</b></
li>
      </c:forEach>
     </ul>

<p>
      
     </p>

    </div>
   </div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值