js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 导航菜单

蓝色网站左侧下拉菜单切换特效代码

发布时间:2015-09-08 23:32:19    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

蓝色网站左侧下拉菜单切换特效代码
$(".leftsidebar_box dt").css({"background-color":"#3992d0"});
$(".leftsidebar_box dt img").attr("src","images/left/select_xl01.png");
$(function(){
	$(".leftsidebar_box dd").hide();
	$(".leftsidebar_box dt").click(function(){
		$(".leftsidebar_box dt").css({"background-color":"#3992d0"})
		$(this).css({"background-color": "#317eb4"});
		$(this).parent().find('dd').removeClass("menu_chioce");
		$(".leftsidebar_box dt img").attr("src","images/left/select_xl01.png");
		$(this).parent().find('img').attr("src","images/left/select_xl.png");
		$(".menu_chioce").slideUp(); 
		$(this).parent().find('dd').slideToggle();
		$(this).parent().find('dd').addClass("menu_chioce");
	});
});



下拉菜单

jQuery二级图文平滑下拉菜单特效代码

jquery下拉菜单城市选择代码_全国省市区三级联动下拉菜单

jquery实现企业网站导航下拉菜单特效

jQuery实现支持多级下拉菜单列表特效

蓝色网站左侧下拉菜单切换特效代码

jquery实现鼠标滑过导航菜单、展示二级下拉菜单特效代码

jQuery点击文本框下拉菜单城市选择特效代码

jquery hover实现鼠标悬停导航菜单滑动展开弹性下拉菜单特效代码

jquery hover实现鼠标悬停导航滑动显示二级下拉菜单特效代码

友荐云推荐
大家说 此评论不代表本站观点