帮助中心
获取牛币
联系我们
关于我们
版权声明
素材牛首页
微博登录
QQ登录
微信扫码登录
注册
登录
新浪微博
QQ登陆
微信登录
热门搜索:
小程序
支付
Java
后台模板
上传
商城模板
jQuery
手机
Thinkphp
微信
Vue.js
首 页
网页特效
整站源码
PHP实例
网站模版
工具箱
常用代码
论坛
游戏源码
资源分享
当前位置:
首页
»
精选常用代码
» 基础jQuery实现树状动画
基础jQuery实现树状动画
浏览:436次
-
评论:0次
-
发布时间:2021-05-27
Html
Css
Js
主题市场
运动派
三级菜单a
三级菜单b
三级菜单c
三级菜单d
有车族
三级
四级
四级
四级
三级
三级
三级
生活家
特色购物
淘宝二手
拍卖会
爱逛街
全球购
淘女郎
优惠促销
天天特价
免费试用
清仓
1元起拍
ul li { list-style:none; } li ul { display:none; } .plus { list-style-image:url(img/plus.gif); } .minus { list-style-image:url(img/minus.gif); }
$("li").has("ul").attr("class", "plus"); $("li").click(function() { $(this.children).toggle("500"); $(this).siblings().children("ul").hide("500"); if ($(this).hasClass("plus")) { $(this).attr("class", "minus"); } else { $(this).attr("class", "plus"); } return false; });
↑上面代码改变,会自动显示代码结果
jQuery调用版本:
1.11.3
<!doctype html><html><head><meta charset="utf-8"><title>基础jQuery实现树状动画-www.sucainiu.com</title><script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script><style>
</style></head><body>
<script>
</script>
</body></html>
立即下载
收藏
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!
充值积分
充值会员
更多说明»
代码描述:jQuery实现树状动画代码
用了一些基础的jquery代码实现的树状结构
全屏的图片剪切轮播动画特效
自适应时间线
讨论这个常用代码(0)
回答他人问题或分享心得会奖励牛币
〒_〒 居然一个评论都没有……
文明上网,理性发言! 😉 阿里云幸运券,
戳我领取
发表评论
提交回复
我的积分余额:
0
已下载次数:
436
所需牛币:
5
开始下载
牛币获取:
签到、评论、充值
» 在线充值
(10牛币=1元)
成为VIP可永久免积分下载全部常用代码
» 查看详情
VIP
客服
签到
充值