当前页面: 首页 > JS代码 > 特效代码
侧边导航收缩伸展效果
发布人:成都火狐狸科技 发布日期:2014-12-16
侧边导航收缩伸展效果

使用方法:

1、head区域引用文件lrtk.css及js库

<link href="css/lrtk.css" type="text/css" rel="stylesheet">

<script src="js/jquery-1.3.2.js" type="text/javascript"></script>


2、引入js代码

<script type="text/javascript">

$(function(){

$(".subNav").click(function(){

// currentDd 对应收起的样式, currentDt 对应展开的样式

$(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd")

$(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt")

// 修改数字控制速度, slideUp(500)控制卷起速度

$(this).next(".navContent").slideToggle(500).siblings(".navContent").slideUp(500);

})

})

</script>

3、html代码


常见问题
成都网站建设-顶级网站建设服务,升级品牌网站形象,提升品牌竞争力!
©2006-2018 cdfirefox.com All rights reserved 蜀ICP备09032393号 Copyright ©2018成都火狐狸科技有限公司,保留所有权利。
您可以直接拨打4008-678-925咨询! 关于我们 | 常见问题 | 建站流程| 支付方式 | 联系我们| Flash网站| 员工登录 | | |

成都网站建设

成都网站制作

火狐狸

 
客服咨询
售后及资料上传
网站备案
投诉建议