1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > jQuery实现的动态伸缩导航菜单实例【jquery】

jQuery实现的动态伸缩导航菜单实例【jquery】

时间:2021-11-11 20:07:59

相关推荐

jQuery实现的动态伸缩导航菜单实例【jquery】

web前端|js教程

jQuery,动态伸缩,导航菜单

web前端-js教程

本文实例讲述了jQuery实现的动态伸缩导航菜单。分享给大家供大家参考。具体实现方法如下:

易语言钓鱼源码大全,vscode怎么恢复语言选择,ubuntu 关445,tomcat的请求转发,爬虫培训技术,php信息推送技术,广西专业seo费用是多少lzw

jquery selectbody {padding:10px; font-family:"宋体"}* {margin:0; padding:0; font-size:12px;}a{ color: #333;}ul,li {list-style-type:none;}.menu_list li a {display:block; line-height:30px;text-align:center; height:30px;background:#e8e8e8; border-bottom:1px solid #ccc;}.hover {background:#e8e8e8;}.div1{height:200px; display:none;padding:5px;}.menu_list{width:200px; background:#f2f2f2;border:1px solid #ccc;}$(document).ready(function(){ $(".menu_list ul li").click(function() { if($(this).children(".div1").is(":hidden")) //判断对象是显示还是隐藏 { if(!$(this).children(".div1").is(":animated")){ //如果当前没有进行动画,则添加新动画 $(this).children(".div1").animate({height:show},1000) .end().siblings().find(".div1").hide(1000);} }else{ if(!$(this).children(".div1").is(":animated")){ $(this).children(".div1").animate({height:hide},1000) .end().siblings().find(".div1").hide(1000);} } } );});

网页特效

js特效,网页特效

网页模板

网页模板下载

联系我们

关于脚本之家

盗版视频网站源码,vscode连接hive,ubuntu 放弃手机,maven有tomcat,sqlite分配空间,html录音插件,odoo11 前端框架,php制作爬虫,php =,SEO监控室外,jsp网站源码安装指导,易语言网页登录,有效选票的模板,漫画风格页面,购物管理系统模板,小程序cms系统源码下载lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。