zoukankan      html  css  js  c++  java
  • jeecms

    ===标签===
    <!-- 显示一级栏目对应的二级栏目 -->
    <!-- [@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']
  • 相关阅读:
    PG中 generate_series函数的使用
    代码搜索神器ag
    效率神器2
    效率神器
    Django-cookie组件
    Django-form组件
    Django组件-分页器
    Django与Ajax
    Django-模型层
    Django-模板层
  • 原文地址:https://www.cnblogs.com/syjp/p/11081196.html
Copyright © 2011-2022 走看看