[网站建设] 织梦模板产品页折叠菜单进入定位默认展开的方法

[复制链接]
查看2598 | 回复9 | 2020-3-28 03:45:26 | 显示全部楼层 |阅读模式

织梦做产品栏目的时候,会有一级栏目和二级栏目,一般都喜欢用折叠的效果!!但是点击进入的话,默认会关闭!怎么才能让它默认打开呢!织梦97提供了这方面的标签和js! 注意!这个只是一个实例,没有折叠效果的js效果!js自行网上查找!! 查看源码打印代码帮助 查看源码 打印代码帮助 01 script 02 $(document).ready( function () { 03 openoff( #part2_{dede:field.id/} ); 04 openoff( #part2_{dede:field. […]



织梦做产品栏目的时候,会有一级栏目和二级栏目,一般都喜欢用折叠的效果!!但是点击进入的话,默认会关闭!怎么才能让它默认打开呢!织梦97提供了这方面的标签和js! 注意!这个只是一个实例,没有折叠效果的js效果!js自行网上查找!!
查看源码打印代码帮助
查看源码   打印代码帮助
01 <script>
02    $(document).ready(function () {
03         openoff('#part2_{dede:field.id/}');
04         openoff('#part2_{dede:field.reid/}');
05     })
06    function openoff(obj){
07        $(obj).next("dd").css("display","block");
08        $(obj).addClass("launched");
09    }
10    </script>
11  
12 <div class="menu" id="sidebar" data-csnow="2" data-class3="0" data-jsok="2"> {dede:channelartlist typeid=27}
13   <dl class="list-none navnow">
14     <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>
15     <dd class="sub" > {dede:channel type='son' noself='yes'}
16       <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>
17       {/dede:channel}  </dd>
18   </dl>
19   {/dede:channelartlist}
20   <div class="clear"></div>
21 </div>
22   <Style type="text/css">
23     .launched{background-image:url(/skin/images/nav_hover.jpg);color: #d5b687;}
24     .list-none{ list-style:none; padding:0px; margin:0px;}
25     .menu dl{ margin-top:5px; }
26     .menu dt{cursor: pointer;margin-top: 10px;font-weight: bold;font-size: 16px;font-family: "微软雅黑";color: #0d2180;line-height: 53px;padding-left: 48px;
27 background: url(/skin/images/nav.jpg) no-repeat;}
28     .menu h4 a{ display: block;width: 200px;height: 28px;font-family: "微软雅黑";text-align: center;font-size: 14px;line-height: 28px;color: #333; }
29     .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; }
30     .menu h4 a:hover{color: #fff;background-color: #d5b687;}
31 </Style>


  • 上一篇:
  • 下一篇:
说点什么吧
  • 全部评论(0
  • 最新 最早
    还没有评论,快来抢沙发吧!
织梦cms建站教程从入门到精通,自由织梦网www.freedede.cn长期免费更新教程,图文结合dedecms建站教程经验,内容包含使用织 梦CMS、做模板、写采集规则、做插件模块,是学习织梦产品的最佳去处。
回复

使用道具 举报

jj13904198394 | 2020-12-22 16:23:19 | 显示全部楼层
没积分哈,谁来帮帮我啊
回复

使用道具 举报

忆神姆原们 | 2021-1-5 05:36:27 | 显示全部楼层
我是来白嫖资源的!
回复

使用道具 举报

无人岛屿颈 | 2021-9-18 22:59:42 | 显示全部楼层
我是来白嫖悟空源码的资源的!
回复

使用道具 举报

流动532 | 2021-11-7 06:18:02 | 显示全部楼层
厉害了悟空源码,这么多资源
回复

使用道具 举报

veronica六 | 2022-6-2 16:29:25 | 显示全部楼层
厉害了悟空源码,这么多资源
回复

使用道具 举报

一叶知秋117 | 2022-7-18 04:15:10 | 显示全部楼层
找了好多地方,终于找到了
回复

使用道具 举报

加菲猫419 | 2022-8-17 02:22:05 | 显示全部楼层
6666悟空源码资源多!
回复

使用道具 举报

寻梦敦煌 | 2023-10-9 23:23:36 | 显示全部楼层
谢谢楼主分享的资源,爱了~~~
回复

使用道具 举报

云端午节 | 2024-1-13 08:44:36 | 显示全部楼层
谢谢楼主分享的资源,爱了~~~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则