织梦(dede)各类实用标签代码

最新推荐文章于 2021-08-25 14:18:36 发布

木易1998

最新推荐文章于 2021-08-25 14:18:36 发布

阅读量798

点赞数 1

本文链接：https://blog.csdn.net/weixin_43487692/article/details/109239640

版权

一，导航高亮显示的js代码

<style>
.active_on {
    border-bottom: 2px solid #33cbcc;
    color: #33cbcc;
}
</style>
   <div class="nav" id='nav_box'>
            <ul>
                <li class="active_on"> <a href='/'>网站首页</a></li>
                <li id="cpzx">
                    <a href='/link/' rel='/link/'>栏目一</a>
                    <div class="submenu">
                        <ul>
                        <li></li>
                        <li></li>
                         </ul>
                    </div>
                </li>
            </ul>
        </div>
        <script type="text/javascript" language="javascript">
var urlstr = location.href; //获取浏览器的url
var urlstatus = false; //标记
//遍历导航div

$("#nav_box>ul>li>a").each(function() {
    //判断导航里面的rel和url地址是否相等
    if ((urlstr + '/').indexOf($(this).attr('rel')) > -1 && $(this).attr('rel') != '') {
        $(this).parent().addClass('active_on');
        urlstatus = true;
    } else {
        $(this).parent().removeClass('active_on');
    }
});
//当前样式保持
if (!urlstatus) {$("#menu a").eq(0).addClass('cur'); }
</script>

二、织梦仿站搜索页面制做

1.下面是搜索页制作，替换form中的name与action属性值，还有输入框中的属性值

 <form name="formsearch" action="{dede:global.cfg_cmsurl/}/plus/search.php">
                        <input type="hidden" name="kwtype" value="0" />
                        <input class="gjz" name="q" type="text" placeholder="请输入关键字" class="text" id="search-keyword" value="在这里搜索..." onfocus="if(this.value=='在这里搜索...'){this.value='';}" onblur="if(this.value==''){this.value='在这里搜索...';}">
                        <input class="tijiao" type="submit" value="搜索">
 </form>

2，这段代码是搜索结果展示列表代码，根据自己需要修改样式

{dede:list perpage='20'}
<h3><a href="[field:arcurl/]" target="_blank">[field:title/]</a></h3>
<p>[field:description/]...</p>
<a href="[field:arcurl/]">[field:global.cfg_basehost/][field:arcurl/]</a>
分类：<a href="[field:typeurl/]"target="_blank">[field:typename/]</a>
点击：[field:click/]
日期：[field:stime/]
{/dede:list}
分页：{dede:pagelist listsize='4'/}

####3.导航标签

{dede:channelartlist typeid='1,2,3,4,5,6,7,8,9' row='9'}
  <li class="tab dropdown"><a  id="{dede:field name='id'/}"  href="{dede:field name='typeurl'/}" class="tablink arwlink">{dede:field name='typename'/}</a>
	  <dl class="a">
	     {dede:channel type='son' noself='yes' typeid=''}
	    	<a href="[field:typelink/]">[field:typename/]</a>
	     {/dede:channel}
	 </dl>
  </li>  
  {/dede:channelartlist}

4.list—列表标签

{dede:list col='' titlelen='' infolen='' imgwidth='' imgheight='' listtype='' orderby='' pagesize='' orderway=''}
col='' 内容列数
titlelen='' 标题长度
infolen='' 内容摘要长度
imgwidth='' 缩略图宽
imgheight='' 缩略图高
orderby='' 排序方式，有效的排序方式有 senddate、pubdate、id、click、lastpost、postnum ，默认为 sortrank
pagesize='20' 分页大小
链接：[field:arcurl/],标题：[field:title/]，图片：[field:picname/]，描述：[field:description function="cn_substr(@me,60)"/]，点击：[field:click/]
好评：[field:scores/]，日期：[field:pubdate function=MyDate('Y-m-d',@me)/]
{/dede:list}
分页标签：{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}

5.arclist–列表标签（同页面使用多次）

{dede:arclist  flag=’h’ typeid=” row=” col=” titlelen=” infolen=” imgwidth=” imgheight=” listtype=” orderby=” keyword=” limit=’0,1′} 
链接：[field:arcurl/]，标题：[field:title/]，图片：[field:picname/]，日期：[field:pubdate function="MyDate('Y-m-d',@me)"/]，描述：[field:description function="cn_substr(@me,60)"/]
{/dede:arclist}

6,{dede:type}–{/dede:type}-----单个栏目调用标签

{dede:type typeid=''}
链接：[field:typelink /],标题：[field:typename /]
{/dede:type}

菜单高亮显示代码

  <style>
#navi ul li.actives a{
        background: #ff9c00;
        color: white;
    }
    </style>
<div id="navi">
            <ul class="wp pro_list">
                {dede:type typeid='2'}
                <li><a href="[field:typelink/]">全部产品</a></li>
                {/dede:type}
                {dede:channel type='son' noself='yes' typeid='2'}
                <li><a href="[field:typelink/]">[field:typename/]</a></li>
                {/dede:channel}
            </ul>
</div>
<script type="text/javascript" language="javascript">
    var nav = document.getElementById("navi");
    var links = nav.getElementsByTagName("li");
    var lilen = nav.getElementsByTagName("a");
    var currenturl = document.location.href;
    var last = 0;
    for (var i = 0; i < links.length; i++) {
        var linkurl = lilen[i].getAttribute("href");
        if (currenturl.indexOf(linkurl) != -1) {
            last = i;
        }
    }
    links[last].className = "actives";

tab切换hover事件

<style>
.ons{
        color: #fff;
       border: 2px solid #649cde;
    cursor: pointer;
    -webkit-box-shadow: 0 0 20px 0 rgb(18 84 161 / 50%);
    box-shadow: 0 0 20px 0 rgb(18 84 161 / 50%);
}
</style>
<ul class='cp_nav' >           
      <li ><a href="" >列表一</a></li>
	    	<li ><a href="" >列表二</a></li>
          </ul>
<ul id='cp_list'>
                <li class="fl" style='margin-left:10px;'>
                    <div class="cp_bt">标题</div>
                    <div class="zxzx"><a rel="nofollow" href="[field:arcurl/]">查看详情</a></div>             
  </li>
            </ul>
          <ul id='cp_list' style='display:none;'>
                <li class="fl" style='margin-left:10px;'>
                    <div class="cp_bt">标题</div>
                    <div class="zxzx"><a rel="nofollow" href="[field:arcurl/]">查看详情</a></div>             
  </li>
            </ul>
            <!-- 必须引入jquery-->
         <script>
       $('.cp_nav li').hover(function() {
        var lcnum = $(this).index()
        $(this).addClass('ons').siblings().removeClass('ons')
        $(' #cp_list').eq(lcnum).show().siblings('#cp_list').hide()；
    })</script>

织梦pc跳转手机端js代码

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobile/}/index.php"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobile/}/index.php/";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>  首页


列表页跳转
<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobile/}/list.php?tid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobile/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> <meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobile/}/view.php?aid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobile/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

织梦list列表页分页代码

.clear:after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    overflow: hidden;
}

.claer {
    zoom: 1;
}

#header {
    width: 1000px;
    margin: 0 auto;
}

.pagelist {
    padding: 20px;
    text-align: center;
    background: #FFF;
}

.pageBox {
    text-align: center;
}

.pageBox>li {
    display: inline-block;
    margin: 0;
    background: none;
    vertical-align: middle;
    margin-left: 5px;
    border: 1px solid #969292;
    padding: 5px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.pageBox>li>select {
    outline: none;
    border: none;
    background: white;
}

.pageBox li:hover,
.pageBox li:hover select,
.pageBox li:active {
    background: #ff7955;
    color: #FFFFFF;
    text-decoration: none;
}

.pageBox .cur {
    background: #ff7955;
    border: 1px solid #ff7955;
    text-decoration: none;
}

.pageBox a.cur {
    color: #fff;
}

.pageBox .disabled {
    width: 79px;
}
<div class="pagelist">
            <div class="pageBox">
                {dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
            </div>
 </div>