交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • 织梦首页列表页,ajax加载更多,瀑布流,首页多栏目切换

    效果图

    加载更多按钮


     

    一,模板上要引入jq文件

     

    <script language="JavaScript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jQuery.js"></script>

     

    二,模板

     

    <div class="xl12 xm8 xb8 over-hidden">

            <!-- 切换标签 -->

            <style type="text/css">

            .slideTxtBox{ width:100%;  text-align:left;  }

            .slideTxtBox .hd{ height:38px; line-height:27px;  position:relative; overflow:hidden }

            .slideTxtBox .hd ul{left:10px; float:left; position:absolute;  top:3px; height:39px;width:120%;}

            .slideTxtBox .hd ul li{height:40px; float:left;color:#fff;padding:0px 7px 0px 6px; cursor:pointer;  }

            .slideTxtBox .hd ul li.on{background:url({dede:global.cfg_templets_skin/}/images/bg5.png) repeat-x;color:red }

            

            .slideTxtBox .bd ul{ zoom:1;padding-bottom:50px;display:none;position:relative;}

            .slideTxtBox .bd li{ height:24px; line-height:24px;   }

        #dede_qrcode_frame{ display:none;z-index:5;position:absolute;top:-117px;left:-40px ;}

    </style>

     

     

            <div id="slideTxtBox"class="slideTxtBox  l-padding00"style="overflow:visible !important;">

                <div class="hd bg-main">

                    <ul id="tab"class="border-top border-main border-big">

                    <li class="on">全部</li>

                    <li>商会</li></ul>

                </div><br/>

                <div class="bd"id="slideTxtBox-bd">

                

                    <ul id="all" class="show">

                {dede:arclist row='9' titlelen='100'titlelen='100' orderby='id' }

        <div class="bg-fff margin-big-bottom l-margin-bottom0 l-margin-top12 list2 width-100 ib pr"id="list">

    <div class="xl4  padding20 l-padding00">

    <span class="pr ib "><a target="_blank" class="width-100" href="[field:arcurl/]">

            <img src="[field:litpic/]" width="100%"class="width-100" alt="[field:title/]">

        

        </a>

        <!-- 微博微信 -->

        <span class="left0 bottom0 height40 bgt30 width-100  text-fff text-small"id="shares" style="display:none ;">

        <a class="xl-textshare cursor votenums" href="http://v.t.sina.com.cn/share/share.php?title=[field:title/] [field:global.cfg_basehost/][field:arcurl/]"></a>

        <span class="line-share"></span>

        <span class="wx-textshare pr">

        <a class="z-index5 top0 left0" id='__dedeqrcode_1'></a>

      <script type="text/javascript">

       var __dedeqrcode_id=1;

       var __dedeqrcode_aid=[field:id/];

       var __dedeqrcode_type='arc';

       var __dedeqrcode_dir='[field:global.cfg_basehost/]/plus';

      </script>

      <script language="javascript" type="text/javascript" src="/plus/img/qrcode.js"></script></a>

     

      </span>


    广而告之:
    热门推荐:
    jquery uploadify 在FF下无效的解决办法

    Js代码 $('#file_upload').uploadify({ buttonImage: '${ctx }/commons/uploaddify/img/browse-btn.png', swf :'${ctx }/commons/uploaddify/uploadify.swf', uploader :'../servlet/defaultDispatcher;jsessionid=${pageContext.session.id}?__action=xxx', fileTyp···

    HTML title 属性换行的办法

    前两天在写程序的时候,想给提示信息(TITLE)换行显示。用的'\n < BR >' 都不行。 最后直接来个回车居然了得。 网上搜了一下。 解决的方法有两种: 1.将title属性分成几行来写,例如: <a href=#" title="说明一 说明二 说明三">印象派</a> ···

    ASP.NET网站实时显示时间的方法

    本文实例讲述了ASP.NET网站实时显示时间的方法。分享给大家供大家参考。具体方法如下: 在ASP.NET环境中开发设计网站或网络应用程序时,往往需要实时显示当前日期和时间。这时,通常使用AJAX控件来实现。 需要注意的是,在.NET Framework 2.0版本中,工具箱中是没有AJAX Extens···

    dedecms会员设置、互动设置的方法

    会员设置 是否开启会员功能(cfg_mb_open):系统会员功能是否开启,系统默认是开启的,可以通过/member进行注册、登陆、内容发布等功能 是否开启会员图集功能(cfg_mb_album): 系统会员功能是否开启,系统默认是开启的,可以通过/member进行注册、登陆、内容发布等功能 ···

    总结在前端排序中遇到的问题

    貌似前端圈一直以来流传着一种误解:前端用不到算法知识。长久以来,大家或许都曾受这种说法的影响。直到前阵子遇到一个产品需求,回过头来看,发现事实并非如此。 前端排序 前端排序的场景 前端将排序条件作为请求参数传递给后端,后端将排序结果作为请求响应返回前端,这是一···

    用js实现随机返回数组的一个元素

    复制代码 代码如下:<SCRIPT LANGUAGE="JavaScript"> <!-- var test = ["aa","bb","cc","dd","ee"]; document.write(test[Math.floor(Math.random()*test.length)]); setInterval("location.reload()",1000); //--> </SCRIPT> 这是个奇妙的方法。适合做···

    帝国CMS添加腾讯图片展示功能

    1.修改eclasst_functions.php 添加以下红色代码 //图库模型分页标签function sys_PhotoMorepage($tempid,$spicwidth=0,$spicheight=0){global $navinfor;$morepic=$navinfor['morepic'];if(empty($morepic)){ return "";}//取得标签$tempr=sys_ReturnBqTemp($tempid);if(e···

    DedeCms编辑器空白无法显示的相关问题

     问题在于服务器的设置,而不是浏览器,或者源码的问题。其实解决办法还是很简单的。如果你是自己搭建的本地PHP环境就好办了。用文本编辑器打开这个文件:     Apache\conf\httpd.conf     把其中的     #EnableSendfile off     改成 ···

    Javascript获取随机数的实现方法

    Javascript获取随机数的实现方法 <script type="text/javascript"> function getRandom(n,m){ var n=Number(n); //强制转换成数字 var m=Number(m); if(isNaN(n)||isNaN(m)){ //判断是否为有效数字 ,其中一个不是有效数字就返回[0,1)之间的随机小数 ···

    简单理解js的冒泡排序

    关于排序,其实不管是哪种语言,都有它内置的排序函数,我们要用的时候调用就行了,既然如此,我们为什么还要讲这个东西呢?我想,其实,我们讲排序更多是在于排序中包含的思想算法,因为,算法对于计算机来说相当重要,一个好的算法能够让计算机的效率达到事半功倍的效果,所···