欢迎来到路由器窝!
DEDE列表调用多个列表内容-JS实现,单联动JS实现方法无需更改内

DEDE列表调用多个列表内容-JS实现,单联动JS实现方法无需更改内

浏览次数:

作者: 路由器窝

信息来源: www.luyouqiwo.com

更新日期: 2016-12-19 21:44

文章简介

DEDE列表调用多个列表内容-JS实现,单联动JS实现方法无需更改内核文件 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=

  • 正文开始
  • 相关文章

DEDE列表调用多个列表内容-JS实现,单联动JS实现方法无需更改内核文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
  
    <link href="/css/style.css" type="text/css" rel="stylesheet">
    <link href="/css/lightbox.css" type="text/css" rel="stylesheet">
    <script src="/js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/jquery.mixitup.min.js"></script><body>
<div class="container">
                <div class="bgtitle pohot_m">
                    <h1>PHOTO</h1>
                    <h2>图片中心</h2>
                </div>
                <ul id="filters" class="clearfix">
                  <li><span class="filter active" data-filter=" photo49  photo47  photo48  photo50  photo51 ">All</span></li>
                                        <li><span class="filter" data-filter="photo49">泫舞Family</span></li>
                                        <li><span class="filter" data-filter="photo47">环境实景</span></li>
                                        <li><span class="filter" data-filter="photo48">少儿专题</span></li>
                                        <li><span class="filter" data-filter="photo50">泫舞Life</span></li>
                                        <li><span class="filter" data-filter="photo51">商业演出</span></li>
                                        <!--少儿专题(topics) 商业演出(biz show)环境实景(Real)-->
  </ul>

                <div id="portfoliolist">
               {dede:arclist row='100'  typeid='5'}
 [field:typeid runphp='yes']
 if(@me==40){
  @me="<div class=\"portfolio photo49\" data-cat=\"photo49\">";
  }
   elseif(@me==41){
  @me="<div class=\"portfolio photo47\" data-cat=\"photo47\">";
  }
     elseif(@me==42){
  @me="<div class=\"portfolio photo48\" data-cat=\"photo48\">";
  }
       elseif(@me==43){
  @me="<div class=\"portfolio photo50\" data-cat=\"photo50\">";
  }
         elseif(@me==44){
  @me="<div class=\"portfolio photo51\" data-cat=\"photo51\">";
  }
  else{
  @me="";
 }

 [/field:typeid]

                        <div class="pohotImg">
                            <a href="[field:litpic/]" class="show"  data-lightbox="example-set" title="[field:title/]">
                                <span>
                                    <span class="s_bg"></span>
                                </span>
                            </a>
                            <img src="[field:litpic/]" alt="[field:title/]" />
                        </div>
                    </div>
                  {/dede:arclist}

                                
                                        
                </div>
</div><!--/container-->
            <div class="half-space"></div>
            <div class="page">
                
            </div>
    <script type="text/javascript">
        $(function(){

            var filterList = {
                init:function(){
                    // MixItUp plugin
                    $('#portfoliolist').mixitup({
                        targetSelector: '.portfolio',
                        filterSelector: '.filter',
                        effects: ['fade'],
                        easing: 'snap',
                        //call the hover effect
                        onMixEnd: filterList
                        //onMixEnd: filterList.hoverEffect()
                    });
                }
            };
            // Run the show!
            filterList.init();

        });
    </script>

</body>
</html>


CSS JS文件下载

转载请注明:DEDEcms» DEDE列表调用多个列表内容-JS实现,单联动JS实现方法无需更改内

标签:
  • 织梦dedecms评论列表调用的方法
    阅读
    ul {dede:feedback row=5 titlelen=24 infolen=80}li a href=# class=username[field:username function=(@me==guest ? 游客 : @me)/]/a 评论 a href=[field:global.cfg_phpurl/]/feedback.php?aid=[field:aid/] class=title[field:title/]/ap[field:msg/]/p
  • DEDE内容页调用栏目页任意字段内容
    阅读
    内容页调用自定义栏目自定义图片内容 img src={dede:field name=typeid runphp=yes} $id=@me; global $dsql; $sql=select typeimg from dede_arctype where id=$id; $row=$dsql-getOne($sql); @me=$row[typeimg]; {/dede:field}
  • dedecms织梦上传图片302Error错误
    阅读
    解决问题:1:空间满了,请查看空间容量是否满了。2:权限问题 解决方法:给uploads写入权限!设置为777.(部分用户)3:解决方案:在include/userlogin.class.php文件中的第二行session_start();前加上如下代码代码如下:if (isset($_POST[PHPSESSID])) {ses
  • DEDE调用指定栏目的栏目名称以及连接方法
    阅读
    DEDE调用指定栏目的栏目名称以及连接方法调用方法{dede:type typeid=1} a href=[field:typeurl/]h3[field:typename/]/h3/a {/dede:type}
  • 批量替换链接方法
    阅读
    a href=((?!).)*
  • dede强制分页正常显示
    阅读
    dede强制分页正常显示 div class=dede_pages ul class=pagelist {dede:pagelist listitem=info,index,end,pre,next,pageno listsize=4/} /ul /divscript src=/js/jquery.lazyload.min.js/scriptscript $(function() { $(.news-list).lazyload({ placeholder
  • DEDE在图集列表中调出图集的所有图片[首页也适用]
    阅读
    在include/common.func.php 中添加以下函数代码 // 在图集列表中调出图集的所有图片function Getimgs($aid, $imgwith = 220, $imgheight = 80, $num = 0, $style = ){global $dsql;$imgurls = ;$row = $dsql - getone(Select * From`dede_addonimages` where
  • dedecms内容页调用文章缩略图
    阅读
    其实很简单,只需要在内容页模板里需要调用缩略图的地方插入下面的标签代码就可以了. imgsrc={dede:field.litpic/} 还可以做个扩展,在文档有缩略图的时候才显示,没有缩略图则不显示.代码如下 {dede:field.litpicrunphp=yes}if(@me!=){@me=imgsrc=.@me./;}{/ded
  • DedeCms织梦火车头采集文章图集和附加字段教程
    阅读
    2、发布模块-内容发布参数 添加表单 3、任务上添加标签字段 完成。
  • 内容页单独设置内容样式
    阅读
    article !-- scoped 尚无良好支持,暂用绝对样式, 2012-02-15 -- style scoped article p { text-indent: 2em; } /style {dede:field.content/} /article
上一篇:滑动门网页特效实例
下一篇:DEDE自定义表单点击提交后跳转到当前页
最近更新作品