===标签=== <!-- 显示一级栏目对应的二级栏目 --> <!-- [@cms_channel_list parentId=c.id] [#if tag_list?size>0] <dl id=""> [/#if] [#list tag_list as c2] <dt> <a href="${c2.url}" target="_self" ><span>${c2.name}</span></a> </dt> [/#list] [#if tag_list?size>0] </dl> [/#if] [/@cms_channel_list] --> <!-- 显示图片滚动效果 --> <div class="right-fr fr"> <div class="home-banner" id="section-focus-pic"> <div class="bd" data-scro="list"> [@cms_content_list typeId='2' recommend="1" titLen="22" orderBy="4" ] <ul> [#list tag_list as a] <li calss="item" ><a href="${a.url}" target="_blank" > <img src="${a.typeImg}"/><div class="banner-title"> <i class="Cpic"></i><span>[@text_cut s=a.title len=titLen/]</span></div></a></li> [/#list] </ul> [/@cms_content_list] </div> <div class="hd" data-scro="controler"> [@cms_content_list typeId='2' recommend="1" ] [#list tag_list as a] <b [#if a_index<1] class="down" [/#if]>${a_index+1}</b> [/#list] <span>/${tag_list?size}</span> [/@cms_content_list] </div> <div class="controler2" data-scro="controler2"> <a href="javascript:;" class="prev"><i></i></a> <a href="javascript:;" class="next"><i></i></a> </div> <script type="text/javascript" src="/${res}/js/script.js"></script> </div> ===问题=== # 更改模板后,系统发送请求需要响应很久 # 图片滚动显示时,class="down"是让图片加载时先显示图片页码 #滑动门的图片只能滚动5张 # .nav > .menu li的写法 xx${secondChannel?size}与xx${tag_list?size}的结果不一样??? ===记录=== ${resSys} 为部署路径(/r/cms/)系统资源 ${res} 为资源根目录下的模板文件夹对应得地址(r/cms/www/模板文件夹)模板资源 src="${a.typeImg!site.defImg} 先找a下面的图片,如果不存在则去site下面找 [@text_cut s=a.title len=28 append='...'/] append为省略后附加的文本 [@cms_content_list typeId='1,2,3' count='18'] count为总记录条数 在li前面附加一个点 .tp1 li{ /*padding-left:16px; background:url(statics/qjw/images/dot_icon.png)/) 7px center no-repeat;--错误写法*/ list-style:none; background:url(statics/qjw/images/dot_icon.png) left center/16px 16px no-repeat; padding-left:20px; } ===改动=== qjw/js/main.js 12行 $(".cm_tab .tab_hd li").mouseover(function(){ $(this).addClass('selected'); $(this).siblings().removeClass('selected'); var _index=$(this).index(); console.log(" scroll index="+_index); $(this).parent().parent().children('.tcon').hide(); $(this).parent().parent().children('.tcon').eq(_index).show(); } ); //滑动门 /* $(".cm_tab .tab_hd .fr li").mouseover(function(){ $(this).addClass('selected'); $(this).siblings().removeClass('selected'); var _index=$(this).index(); $(this).parent().parent().parent().children('.tcon').hide(); $(this).parent().parent().parent().children('.tcon').eq(_index).show(); });*/ //滑动门 ul中的li浮动后不能挨在一起 .slideType li{ padding: 2px 10px 2px 10px; margin: 0px, 0px,0px, 0px; } ul中的li浮动后不能挨在一起 -- 解决办法 .slideType li{ padding: 2px 10px 2px 10px; margin: 0px; } 使li中的元素垂直与水平居中 .slideChildType li{ height: 48px; border: 1px solid red; line-height: 48px; /*设置line-height与父级元素的height相等*/--垂直居中 text-align: center; /*设置文本水平居中*/ } li中有a标记 如果我要调节a标记的字体颜色,那么只能CSS->li a{}这样调节吗,CSS->li似乎没有color的标记 左边一张大图,右边两张小图,小图上下排列---为什么imgType1设置了左浮动,却可以调节左外边距 .imgType1{ 60px; height: 40px; float: left; line-height: 20px; text-align: center; margin-left: 35px; } .imgType1 a{ 60px; height: 20px; float: left; line-height: 20px; text-align: center; padding: 10px; } 图片滑动门效果 <script> $(document).ready(function(){ try{ var n=$(".zttj .zcon2 .slideType2 li").length; n>4?($(".zcon_box").jCarouselLite( {btnNext:".next2", btnPrev:".prev2", visible:6, auto:5e3,--切换图片的速度 speed:1e3--切换图片时前进的速度 }), $(".left_b2").hide(), $(".left_b2").delay(5800).fadeIn() ) :($(".left_b2").hide(), $(".right_b2").hide()) } catch(t){} }); </script> 24 ==== ${content.txt} 如果内容发布时没有填写详细内容,就会报错 ${content.txt!} 加个!就没事了 <li class="dimg"><a href="${content.url}" title="xxxxxxxxxxxxxxxxxxxxxxx" target="_blank"> <img src="${content.typeImg!}" border="0" /> <span>[@text_cut s=content.title len='11'/]</span></a> <p>[@text_cut s=content.txt! len='24'/]</p> </li> <div class="fgx"></div> [${content.date?string(dateFormat)}] [@text_cut s=content.title len=titLen/] <<<<<<< HEAD 为本地文件 [#if a.typeImg??] "/**/*.*" [@cms_friendlink_ctg_list siteId='1']