js/topBar.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

$(document).ready(function(e) {
	//加载配置文件准备初始化topBar
	$.getScript("script/topBar.config.js?"+Math.random(),topBarInit);
	//topBar初始化
	function topBarInit(){
		//获取当前页面body
		var bodyObj=$("body");
		//创建一个topBarWrap，载入当前页面和加载样式
		var topBarWrapCode=creatElementFactory({element:"div",elementId:"topBarWrap"});
		bodyObj.append(topBarWrapCode);
		var topBarWrapObj=$("#topBarWrap");
		topBarWrapObj.css(topBarConfig.style.topBarWrap);
		//创建topBar，载入样式，同时载入topBarWrap
		var topBarCode=creatElementFactory({element:"div",elementId:"topBar"});
		topBarWrapObj.append(topBarCode);
		var topBarObj=$("#topBar");
		topBarObj.css(topBarConfig.style.topBar);
		//创建topBar的Logo区域，载入样式，同时载入topBar
		var topBarLogoCode=creatElementFactory({element:"div",elementId:"topBarLogo",title:"陶瓷科技云服务平台"});
		topBarObj.append(topBarLogoCode);
		var topBarLogoObj=$("#topBarLogo");
		topBarLogoObj.on("click",function(){
			handlerOnClick(this,"blank");
		}).css(topBarConfig.style.topBarLogo);
		//创建topBar的Nav区域，载入样式，同时载入topBar
		var topBarNavCode=creatElementFactory({element:"ul",elementId:"topBarNav"});
		topBarObj.append(topBarNavCode);
		var topBarNavObj=$("#topBarNav");
		topBarNavObj.css(topBarConfig.style.topBarNav);
		//创建topBar的Nav的Item，载入样式，同时载入topBarNav
		var topBarNavItemCode="";
		for(var navItem in topBarConfig.nav.data){
			topBarNavItemCode+=creatElementFactory({
					element:"li",
					elementStyle:topBarConfig.nav.style.itemStyle,
					navItemName:topBarConfig.nav.data[navItem].itemName,
					navItemLink:topBarConfig.nav.data[navItem].itemLink,
					navItemTarget:topBarConfig.nav.data[navItem].itemTarget,
					itemStyle:topBarConfig.nav.style.itemLinkStyle
			});
		};
		var navItemWidth=parseInt($("#topBarNav>li:eq(0)").width());
		topBarNavObj.css("width",(topBarConfig.nav.length*navItemWidth)+"px");
		topBarNavObj.append(topBarNavItemCode);
		$("#topBarNav>li>a").hover(
				function(){$(this).css(topBarConfig.style.topBarNavItemHoverIn);},
				function(){$(this).css(topBarConfig.style.topBarNavItemHoverOut);}
		);
		//创建topBar的search，载入样式，同时载入topBarNav
		var topBarSearchFormCode=creatElementFactory({
			element:"form",elementId:"topBarSearchForm",
			action:topBarConfig.searchForm.action,
			method:topBarConfig.searchForm.method,
			name:"topBarSearchForm"
		});
		topBarObj.append(topBarSearchFormCode);
		var topBarSearchFormObj=$("#topBarSearchForm");
		topBarSearchFormObj.css(topBarConfig.style.topBarSearchForm);
		//创建search中的input和btn，载入样式，同时载入topBarSearchForm
		var topBarSearchInputCode=creatElementFactory({element:"input",elementType:"text",name:"keywords",elementId:"topBarSearchInput",elementValue:""});