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

jquery实现图标控制选项卡切换特效

发布时间:2015-09-06 21:44:49    您是第0位浏览者

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

jquery实现图标控制选项卡切换特效
$(function(){
	/**软件功能切换js**/
	$(".soft_con_icon ul li a").mouseover(function(){
		var id = $(this).attr("id");
		var x=$(this).parent().index();
		$(this).children("p").css({"color":"#008dd9"}).parent().parent().siblings().children().children("p").css({"color":"#333333"});
		var src1=id+"_hover.gif"
		$(".soft_con_icon ul li a").each(function(index, element) {
         	var other_id = $(this).attr("id");
			if(id == other_id){
			   $(this).children("img").attr("src","images/"+src1);
			}else{
			   var src2 = other_id+".gif";
			   $(this).children("img").attr("src","images/"+src2);
			}
        });
		if(x==0){
		   $("#xzgl").css({"display":"block"}).siblings().css({"display":"none"});
		   $(".soft_con1").css({"background":" url(images/line_select_001.gif)"});
		}else if(x==1){
		   $("#crm").css({"display":"block"}).siblings().css({"display":"none"});
		   $(".soft_con1").css({"background":"url(images/line_select_002.gif)"});
		}else if(x==2){
		   $("#xmgl").css({"display":"block"}).siblings().css({"display":"none"});
		   $(".soft_con1").css({"background":"url(images/line_select_003.gif)"});
		}else if(x==3){
		   $("#zsgl").css({"display":"block"}).siblings().css({"display":"none"});
		   $(".soft_con1").css({"background":"url(images/line_select_004.gif)"});
		}else{
		   $("#ydbg").css({"display":"block"}).siblings().css({"display":"none"});
		   $(".soft_con1").css({"background":"url(images/line_select_005.gif)"});
		}
	});
	
});



选项卡

jquery选项卡切换,版块鼠标跟随边框变色特效

tab选项卡切换特效并且带更多按钮

jquery双重切换的tab选项卡特效代码

jquery仿360音乐搜索主页歌手切换选项卡特效

jquery tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等特效

jquery SuperSlide仿京东首页促销产品tab选项卡切换特效

jquery左右布局的缓动Tab切换选项卡特效

jquery实现网页右下角弹出并且支持tab标签选项卡的图片广告代码

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

js tab选项卡新闻列表切换特效

jquery鼠标滑过标签选项卡切换特效

jquery焦点选项卡图片切换特效,支持自动播放

JQuery仿网易右侧图文混排展示选项卡滑动层特效

jquery实现可触摸控制的tab选项卡特效

jquery定位滚动tab选项卡效果

jquery选项卡形式图片过滤筛选器特效

jquery图片内容滑动选项卡切换特效

jquery实现带滑块选项卡焦点图片,滚动切换特效

jquery实现选项卡形式,四屏焦点图片轮播特效,带控制的选项卡轮播

jquery实现带左右按钮控制滑动选项卡切换特效

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