主题 : v8.1版的系统图库列表和图库图片集怎么调用? |
级别: 总版主
|
3# 发表于:2017-05-27 16:46:46 IP:182.217.*.*
[@cms_content_page count='6' typeId='2' orderBy='4' titLen='18' channelId=channel.id 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] |
||
---|---|---|---|