图库调用 - JEECMS官方论坛|开源java cms,jsp cms,jsp bbs

lbb

级别: 贡士

UID: 115462
积分:498 加为好友
威望: 23 精华: 0
主题:68 回复:271
注册时间:2017-08-01
在线时长:0

1# 发表于:2017-09-25 10:38:10 IP:58.166.*.*

在首页调用栏目类型是图库的栏目，这么写是对的吧，我没有调出来，连div都没出来，我确定栏目里有4篇
[@cms_content_page count='6' typeId='2' orderBy='4' titLen='18' channelId="187" channelOption='1' dateFormat='yyyy-MM-dd HH:mm:ss']
              <div class="tssjList clearfix">
               [#list tag_pagination.list as a]
                <div class="tssjItem" [#if (a_index+1)%3=1]style="margin-left:0;"[/#if]>
                  <div class="biankuang biankuang_1"></div>
          <div class="biankuang biankuang_2"></div>
          <div class="biankuang biankuang_3"></div>
          <div class="biankuang biankuang_4"></div>
                  <a class="tssjImg" href="${a.url}"><img src="${a.typeImg!site.defImg}"></a>
                  <h1><a href="${a.url}">[@text_cut s=a.title len=titLen append='...'/]</a></h1>
                  <p>${a.date?string(dateFormat)}</p>
                </div>
                [/#list]
                <script type="text/javascript">
          //边框效果--移入
          function biankuang(obj){
          $(obj).find('.biankuang_1').stop(true).animate({
          height:'310px'
          },300)
          $(obj).find('.biankuang_2').stop(true).delay(300).animate({
          width:'370px'
          },300)
          $(obj).find('.biankuang_3').stop(true).animate({
          height:'310px'
          },300)
          $(obj).find('.biankuang_4').stop(true).delay(300).animate({
          width:'370px'
          },300)
          }
          //边框效果--移出
          function biankuang1(obj){

          $(obj).find('.biankuang_1').stop(true).delay(100).animate({
          height:'0px'
          },100)
          $(obj).find('.biankuang_2').stop(true).animate({
          width:'0px'
          },100)
          $(obj).find('.biankuang_3').stop(true).delay(100).animate({
          height:'0px'
          },100)
          $(obj).find('.biankuang_4').stop(true).animate({
          width:'0px'
          },100)
          }
          //触发
          $('.tssjItem').hover(
          function () {
            var obj = $(this);
          biankuang(obj);
          },
          function () {
            var obj = $(this);
          biankuang1(obj);
          }
          );
          </script>
              </div>
              [#include "../include/page.html"/]
              [/@cms_content_page]
         </div>
         </div>