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

jQuery左侧分类导航特效_jquery商城左侧分类菜单导航_橙色导航菜单特效代码

发布时间:2015-08-25 12:58:59    您是第0位浏览者
jQuery左侧分类导航特效_jquery商城左侧分类菜单导航_橙色导航菜单特效代码

jQuery左侧分类导航特效,非常适合游戏,购物,充值类型的网站,你值得拥有!

$(document).ready(function() {    
				var OLeft = $(".searchBar").offset().left;    
				var Otop = $(".searchBar").offset().top + $(".searchBar").height() - 3;    
				$("#KsmanDisp").css({left: OLeft,top: Otop});//搜索联想的DIV被幻灯片图片盖住。    
				$("#cardname").addClass("cardnameV");    
				$("#cardname").focus(function() {    
					if ($(this).val() != "") {    
						$(this).removeClass("cardnameV");    
					} else {    
						$(this).addClass("cardnameV");    
					}    
				})    
				$("#cardname").keyup(function() {    
					$(this).removeClass("cardnameV");    
				})    
				$("#cardname").blur(function() {    
					if ($(this).val() != "") {    
						$(this).removeClass("cardnameV");    
					} else {    
						$(this).addClass("cardnameV");    
					}    
				})    
				$(".mainProNav dl dt").mouseover(function() {    
					$(".mainProNav dl").removeClass("dlHover");    
					$(this).parent().addClass("dlHover");    
				})    
				$(".mainProNav").hover(function() {    
					$(this).addClass("mainProNavHover");    
				},function() {    
					$(this).removeClass("mainProNavHover");    
					$(".mainProNav dl").removeClass("dlHover");    
				})    
			});



左侧分类 导航特效 菜单导航

jQuery左侧分类导航特效_jquery商城左侧分类菜单导航_橙色导航菜单特效代码

jquery顶部导航菜单下拉,左侧分类切换特效

jquery仿通用3C电商网站左侧弹出菜单导航特效

jQuery选项卡风格下拉导航特效

jquery左右浮动导航及底部固定导航特效

jQuery实现页面滚动,菜单焦点自动切换的菜单导航特效

jQuery仿360炫酷网址导航特效代码

纯CSS实现绿色下划线焦点的简洁导航特效代码

js仿阿里巴巴的滑动TAB导航特效代码、不规则tab切换

jQuery仿360浏览器12宫格导航栏_浏览器宫格导航特效代码

js实现鼠标放置椭圆菜单导航特效代码

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