欢迎来到织梦58!我们致力于织梦商业模板及VIP模板更新

织梦58

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

相关案例演示

织梦做产品栏目的时候,会有一级栏目和二级栏目,一般都喜欢用折叠的效果!!但是点击进入的话,默认会关闭!怎么才能让它默认打开呢!织梦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="[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>


AiteCms,企业模板快速建站专家,点击了解更多


有问题可以加入织梦技术QQ群一起交流学习

本站vip会员 请加入织梦58 VIP群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入织梦58 技术交流群

作者:DEDE58.COM 关注: 时间:2017-12-23 09:24
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(970003436)进行交流。
相关织梦教程
在线客服

×关闭