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

jQuery实现中国各地大学联筛选弹出特效

发布时间:2015-08-29 15:09:31    您是第0位浏览者

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

jQuery实现中国各地大学联筛选弹出特效
//弹出窗口    
	function pop(){    
		//将窗口居中    
		makeCenter();    
		//初始化省份列表s    
		initProvince();    
		//默认情况下, 给第一个省份添加choosen样式    
		$('[province-id="1"]').addClass('choosen');    
		//初始化大学列表    
		initSchool(1);    
	}    
	//隐藏窗口    
	function hide()    
	{    
		$('#choose-box-wrapper').css("display","none");    
	}    
	function initProvince()    
	{    
		//原先的省份列表清空    
		$('#choose-a-province').html('');    
		for(i=0;i<schoolList.length;i++)    
		{    
			$('#choose-a-province').append('<a class="province-item" province-id="'+schoolList[i].id+'">'+schoolList[i].name+'</a>');    
		}    
		//添加省份列表项的click事件    
		$('.province-item').bind('click', function(){    
				var item=$(this);    
				var province = item.attr('province-id');    
				var choosenItem = item.parent().find('.choosen');    
				if(choosenItem)    
					$(choosenItem).removeClass('choosen');    
				item.addClass('choosen');    
				//更新大学列表    
				initSchool(province);    
			}    
		);    
	}    
	function initSchool(provinceID)    
	{    
		//原先的学校列表清空    
		$('#choose-a-school').html('');    
		var schools = schoolList[provinceID-1].school;    
		for(i=0;i<schools.length;i++)    
		{    
			$('#choose-a-school').append('<a class="school-item" school-id="'+schools[i].id+'">'+schools[i].name+'</a>');    
		}    
		//添加大学列表项的click事件    
		$('.school-item').bind('click', function(){    
				var item=$(this);    
				var school = item.attr('school-id');    
				//更新选择大学文本框中的值    
				$('#school-name').val(item.text());    
				//关闭弹窗    
				hide();    
			}    
		);    
	}    
	function makeCenter()    
	{    
		$('#choose-box-wrapper').css("display","block");    
		$('#choose-box-wrapper').css("position","absolute");    
		$('#choose-box-wrapper').css("top", Math.max(0, (($(window).height() - $('#choose-box-wrapper').outerHeight()) / 2) + $(window).scrollTop()) + "px");    
		$('#choose-box-wrapper').css("left", Math.max(0, (($(window).width() - $('#choose-box-wrapper').outerWidth()) / 2) + $(window).scrollLeft()) + "px");    
	}



中国 大学

jQuery实现中国各地大学联筛选弹出特效

jquery实现中国地图,鼠标经过地图当前区域高亮显示特效

jquery实现中国地图热点提示框特效代码

中国地图DIV+CSS版

雅虎中国首页全屏可伸缩可关闭广告代码

js实现中国下拉省份城市地区快速选择菜单特效代码