前端开发

 首页 > 前端开发 > javascript > javascript让元素居中显示

javascript让元素居中显示

分享到:
【字体:
导读:
          本教程讲解javascript让元素居中显示 //控制logo的显示位置Beginwindow.addEventListener(resize,function(){//得到屏幕尺寸(内部/外部宽度,内部/外部高度)changeLogoPosition();},false);changeLogoPosition();funct...

本教程讲解javascript让元素居中显示

//控制logo的显示位置 Begin
window.addEventListener("resize", function () {
  // 得到屏幕尺寸 (内部/外部宽度,内部/外部高度)
  changeLogoPosition();
}, false);
changeLogoPosition();
function changeLogoPosition() {
  var contentHeight = $("#main_content_div").css("height");
  var logoHeight = $("#third_party_logo").css("height");
  contentHeight = parseInt(contentHeight.replace('px', ''));
  logoHeight = parseInt(logoHeight.replace('px', ''));
  //alert('屏幕高度:'+document.body.scrollHeight+' 内容高度:'+contentHeight+' logo高度:'+logoHeight);
  if (document.body.scrollHeight - contentHeight > logoHeight) {
    document.getElementById('third_party_logo').style.position = 'absolute';
  } else {
    document.getElementById('third_party_logo').style.position = '';
  }
}
//控制logo的显示位置 End


分享到:
ajax浏览器兼容验证操作
AJAX 的要点是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。 IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。 如需针对不同的浏览器来创建此对象,我们要使用一条 "try and catch" 语句。 function ajaxFunction()  {  var xml...
javascript仿php中strtotime()与date()函...
本教程讲解javascript仿php中strtotime()与date()函数教程 在js中没有像php中strtotime()与date()函数,可直接转换时间戳,下面我们来自定一个函数来实现js中具体有时间戳转换的功能。 function datetime_to_unix(datetime){    var tmp_datetime = datetime.replace(/:/g,'-');    tmp_datetime =...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……