js/common.js

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

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

//全站公共js库
$(document).ready(function(e) {
    //section的首尾增加选择器
    $(".section").each(function(index, element) {
        $(this).children().first().addClass("first");
		$(this).children().last().addClass("last");
    });
});

var common = {
	//返回浏览器宽高
	getViewSize : function (){
		var de=document.documentElement;
		var db=document.body;
		var viewW=de.clientWidth==0 ? db.clientWidth : de.clientWidth;
		var viewH=de.clientHeight==0 ? db.clientHeight : de.clientHeight;
		/* 
			返回一个数组参数，第一个是浏览器宽度，第二个是浏览器宽度
			调用方法：
			var screenW = getViewSize()[0]; // 浏览器宽度
			var screenH = getViewSize()[1]; // 浏览器高度
		*/
		return Array(viewW,viewH);
	},
	
	//基于当前界面的水平垂直居中
	vhCenter : function (para){
		var screenW = $(para).parent().width(); // 浏览器宽度
		var screenH = $(para).parent().height(); // 浏览器高度
		
		var paraW = $(para).width(); // 元素宽度
		var paraH = $(para).height(); // 元素高度
		
		var scrollTop = $(document).scrollTop(); //浏览器滚动条顶部值
		var scrollLeft = $(document).scrollLeft(); //浏览器滚动条左边距值
		
		var top = 0;
		var left = 0;
		
		//根据浏览器宽高来设定指定容器针对浏览器视图进行居中
		if(screenW < paraW){
			left = 0;
		}else{
			left = (screenW - paraW )/2 + scrollLeft;
		}
		
		if(screenH < paraH){
			top = 0;
		}else{
			top = (screenH - paraH )/2 + scrollTop;
		}
		
		$(para).css({
			"position" : "absolute",
			"left" : left,
			"top" : top
		});
	}
	
}