欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

织梦产品页折叠菜单,进入定位默认展开

标签: 作者:融科网络 | 点击:
01

Nov
2019

导语
织梦做产品栏目的时候,会有一级栏目和二级栏目,一般都喜欢用折叠的效果!!但是点击进入的话,默认会关闭!如何才能让它默认打开呢!织梦58提供了这方面的标签和js! 注意!
 

织梦做产品栏目的时候,会有一级栏目和二级栏目,一般都喜欢用折叠的效果!!但是点击进入的话,默认会关闭!如何才能让它默认打开呢!织梦58提供了这方面的标签和js! 注意!这个只是一个实例,没有折叠效果的js效果!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=http://www.dede58.com/a/dedejq/"[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>  

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/13496.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:织梦栏目页实现多行列表调用标签

下一篇:dedecms获取顶级栏目的id,名称及链接

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制