`
lucene321
  • 浏览: 180144 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js将对象居中函数

    博客分类:
  • java
阅读更多
   
//将对象居中显示function movemiddle(obj){	if(!obj) return ;		obj.style.display = "block";		var screenwidth = document.documentelement.clientwidth;	var screenheight = document.documentelement.clientheight;	var scrollposy = 0;	var scrollposx = 0	if(typeof window.pageyoffset != 'undefined'){		scrollposy = window.pageyoffset;	}else if(typeof document.documentelement != 'undefined'){		scrollposy = document.documentelement.scrolltop;	}	if(typeof window.pagexoffset != 'undefined'){		scrollposx = window.pagexoffset;	}else if(typeof document.documentelement != 'undefined'){		scrollposx = document.documentelement.scrollleft ;	}		var divwidth = obj.offsetwidth;	var divheight = obj.offsetheight;	var divleft = parseint((screenwidth - divwidth) / 2);	var divtop = parseint((screenheight - divheight) / 2);	divtop = divheight > screenheight ? 10 : divtop + scrollposy;	divleft = divwidth > screenwidth ? 10 : divleft + scrollposx;	obj.style.left = divleft + "px";	obj.style.top = divtop + "px";	}
  
0
0
分享到:
评论

相关推荐

    sheetJs+xlsx-style——前端实现导出excel表格——设置单元格背景色,居中,自动换行,宽度,百分数展示等

    这可以通过创建一个函数,接受数据和样式参数,然后生成对应的`ws`(工作表)和`wb`(工作簿)对象来完成。最后,使用`XLSX.writeFile`或`XLSX.writeBuffer`方法将结果导出为.xlsx文件。 以下是一个简化的示例代码...

    前端导出excel,可以控制样式,单元格合并居中等

    通过"xlsx.full.min.js"这个库,我们可以实现前端直接导出带有样式的Excel文件,包括单元格的合并和居中对齐等高级功能。下面将详细介绍这个过程及涉及到的技术要点。 一、xlsx.full.min.js库介绍 "xlsx.full.min....

    【JavaScript源代码】canvas操作插件fabric.js使用方法详解.docx

    13. **对象居中**: 对象可以使用 `center()`、`centerH()` 和 `centerV()` 方法进行整体、水平或垂直居中,但需调用 `setCoords()` 以使设置生效。 14. **限制对象移动范围**: 若要限制对象在画布内移动,可以...

    JS实现弹出居中的模式窗口示例

    本示例将详细介绍如何使用JavaScript实现这样的居中弹出模式窗口。 首先,我们需要了解JavaScript的基本概念。JavaScript是一种广泛使用的客户端脚本语言,它可以直接在用户浏览器中运行,用于处理DOM(Document ...

    js 居中漂浮广告

    JavaScript中实现居中漂浮广告涉及到几个关键的技术点和操作,主要目的是让广告能够在页面上以一种用户不易察觉的方式漂浮并最终在屏幕底部消失。以下是对给定文件中代码的详细解读: 1. 获取页面的滚动位置:由于...

    html图片居中图片列表左右切换可放大展示特效

    这可以通过JavaScript创建`Image`对象并设置其src属性来实现,这样当用户切换到相应图片时,图片已经加载完成,避免了加载延迟。 7. 响应式设计:为了适应不同设备和屏幕尺寸,我们需要确保这个特效在手机、平板、...

    67.(leaflet篇)leaflet叠加geojson图层并居中到屏幕三分之一的位置.zip

    通过L.geoJSON()函数,可以将GeoJSON数据解析并添加到地图上。 2. **GeoJSON数据格式**: GeoJSON是一种JSON格式的数据结构,用于表示地理位置信息。它包含Feature对象,每个Feature有一个几何对象(Point、...

    JS弹出居中的DIV的代码

    JavaScript(简称JS)是一种广泛用于客户端Web开发的脚本语言,它可以用来操作DOM(文档对象模型),实现动态交互效果。在网页中,我们经常需要创建弹出的对话框或者浮动层,让它们在任何情况下都能居中显示。本文将...

    jquery.dataTable.js 使用详解 一、基础配置

    《jQuery.dataTables.js 使用详解——一、基础配置》 在网页开发中,数据展示是一个重要的环节,而jQuery.dataTables.js插件为...在实际项目中,根据需求灵活运用这些配置选项,将能充分发挥dataTables.js的强大功能。

    通过JavaScript使Div居中并随网页大小改变而改变

    这只需要将计算`top`和`left`值时参照的对象从`document.body`改为父容器元素即可。 使用JavaScript进行元素居中虽然提供了灵活性,但也需要考虑一些问题,比如页面中其他元素的定位可能会干扰到居中效果,这就要求...

    AS3的常用类和函数大全

    本篇文章将根据给定的信息来深入探讨AS3中的一些常用类和函数。 #### 1. 基础图形与显示对象 - **`flash.display.Bitmap`**:用于处理位图图像。通过此类可以加载、显示或操作位图数据。 - **`flash.display....

    jquery实现div上下左右居中显示的插件.zip

    通常,jQuery插件会有一个主文件,可能命名为"jquery.center-plugin.js",里面包含了与jQuery对象相关的函数和方法,用于添加和管理插件的功能。 为了实现div的居中显示,开发者可能使用了以下几种技术: 1. **CSS...

    JavaScript游戏代码

    - `formPosition`:这个函数用来调整游戏窗口的位置,使其居中显示。它获取当前窗口宽度,并根据窗口大小动态设置游戏窗口及两个ID为"fbid"和"gzid"的元素的位置。 - `getMapObj`:获取地图对象的函数。如果`...

    格式化函数源码,支持各种格式化

    在编程领域,格式化函数是不可或缺的一部分,它们用于将数据转换为人类可读或特定输出设备可处理的形式。本文将深入探讨格式化函数的核心概念、常见的格式化方式以及如何实现自定义的格式化函数源码。 一、格式化...

    此页面集合日历仿iosselect各种弹窗居中右向左滑全屏等form表单的多个验证等js效果

    这个名为"此页面集合日历仿iosselect各种弹窗居中右向左滑全屏等form表单的多个验证等js效果"的项目,显然是一个综合性的JavaScript示例库,它包含了一系列用于提升用户体验的交互效果和表单验证功能。下面我们将...

    解决layer.msg 不居中 ifram中的问题

    而在iframe页面中,使用layer.msg弹出消息时,如果要让消息框在父页面居中显示,需要将消息框的父层设置到最外层的window对象,而不是iframe的window对象。这里使用了parent.parent来访问上层的parent页面的window...

    javascript中Date对象应用之简易日历实现_.docx

    JavaScript中的Date对象是用于处理日期和时间的核心构造函数,它提供了丰富的功能,允许开发者创建、操作和格式化日期。在本文中,我们将探讨如何利用Date对象实现一个简易的日历功能。 首先,HTML部分构建了日历的...

    纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示

    而JavaScript代码部分则负责根据内部元素的实际尺寸来调整其位置,使其在外部容器中垂直水平居中。具体实现步骤如下: 1. 页面加载完成后,通过window.onload事件触发自定义函数。 2. 在该函数中,使用document....

    使用JAVASCRIPT实现弹出框,过一段时间自动消失.txt

    下面将详细解析这一功能的实现方法。 #### 1. 创建弹出框对象与显示逻辑 在给定的部分代码中,我们首先创建了一个名为`oPopup`的变量来存储弹出框对象。通过调用`window.createPopup()`方法,可以生成一个弹出窗口...

    js让弹出新窗口居中显示的脚本

    关于标签中的“js”,“居中”和“脚本”,这里的“js”指的是JavaScript的缩写,这是一种广泛用于网页开发的脚本语言,允许在用户的浏览器上执行代码,以实现丰富的动态效果和交互功能。“居中”是指使对象在水平和...

Global site tag (gtag.js) - Google Analytics