17站长网

17站长网 首页 CMS dedecms 查看内容

织梦CMS产品页折叠菜单默认展开效果如何实现

2023-8-1 12:15| 查看: 1094 |来源: 互联网

织梦制作产品栏时,有一级栏和二级栏,一般喜欢折叠效果!什么?但是,点击进入的话,默认情况下会关闭!怎样才能默认打开呢?92建站提供方面的标签和js!这只是 ...

织梦制作产品栏时,有一级栏和二级栏,一般喜欢折叠效果!什么?但是,点击进入的话,默认情况下会关闭!怎样才能默认打开呢?92建站提供方面的标签和js!这只是一个实例,没有折叠效果。

<script> $(document).ready(function () { openoff('#part2_{dede:field.id/}'); openoff('#part2_{dede:field.reid/}'); }) function openoff(obj){ $(obj).next("dd").css("display","block"); $(obj).addClass("launched"); } </script>

<div class="menu" id="sidebar" data-csnow="2" data-class3="0" data-jsok="2"> {dede:channelartlist typeid=27} <dl class="list-none navnow"> <dt id='part2_{dede:field name="id"/}' ><a href='{dede:field name="typeurl"/}' title='{dede:field name="typename"/}' ><span>{dede:field name="typename"/}</span></a></dt> <dd class="sub" style="display:none;"> {dede:channel type='son' noself='yes'} <h4 id='part3_[field:id/]'><a href="[field:typedir function="str_replace('{cmspath}','',@me)"/]" title='[field:typename /]' class='nav'><span>[field:typename /]</span></a></h4> {/dede:channel} </dd> </dl> {/dede:channelartlist} <div class="clear"></div></div>

<Style type="text/css"> .launched{background-image:url(/skin/images/nav_hover.jpg);color: #d5b687;} .list-none{ list-style:none; padding:0px; margin:0px;} .menu dl{ margin-top:5px; } .menu dt{cursor: pointer;margin-top: 10px;font-weight: bold;font-size: 16px;font-family: "微软雅黑";color: #0d2180;line-height: 53px;padding-left: 48px;background: url(/skin/images/nav.jpg) no-repeat;} .menu h4 a{ display: block;width: 200px;height: 28px;font-family: "微软雅黑";text-align: center;font-size: 14px;line-height: 28px;color: #333; } .menu h4 span{ display: block;width: 200px;height: 28px; font-weight:100;font-family: "微软雅黑";text-align: center;font-size: 14px;line-height: 28px;color: #333; } .menu h4 a:hover{color: #fff;background-color: #d5b687;}</Style>

上面就是织梦折叠菜单展开的介绍,若有疑问可以找小编进一步探讨交流~

本文最后更新于 2023-8-1 12:15,某些文章具有时效性,若有错误或已失效,请在网站留言或联系站长:17tui@17tui.com
·END·
站长网微信号:w17tui,关注站长、创业、关注互联网人 - 互联网创业者营销服务中心

免责声明:本站部分文章和图片均来自用户投稿和网络收集,旨在传播知识,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系我们及时修正或删除。谢谢!

17站长网微信二维码

始终以前瞻性的眼光聚焦站长、创业、互联网等领域,为您提供最新最全的互联网资讯,帮助站长转型升级,为互联网创业者提供更加优质的创业信息和品牌营销服务,与站长一起进步!让互联网创业者不再孤独!

扫一扫,关注站长网微信

大家都在看

    热门排行

      最近更新

        返回顶部