`

获取元素坐标和窗口大小

阅读更多

(1)获取元素坐标

var $self=$(imgSelf);
        var offset2=$self.offset();
        var left=Number(offset2.left)+20;

 

 

(2)获取窗口大小

//Cross browser gets the size of Visual area window,Have nothing to do with scroll bars
var getInner=(function() {
	// alert(typeof window.innerWidth !== 'undefined');
	if (typeof window.innerWidth !== 'undefined') {//Notice:'undefined' is right
		return function(){
			return {
				width : window.innerWidth,
				height : window.innerHeight
			}
		}
	} else {
		return function(){
			return {
				width : document.documentElement.clientWidth,
				height : document.documentElement.clientHeight
			}
		}
	}
})();

var delta=left+50-getInner().width;

 

 

(3)动态增加节点

在后面增加兄弟节点

  $next.after('<div id="answer_'+id+'"  ></div>');

 

增加子节点:

$('body div.draft').append(html);

 

1
1
分享到:
评论

相关推荐

    【JavaScript源代码】JavaScript offset实现鼠标坐标获取和窗口内模块拖动.docx

    获取元素自身的大小(宽度高度) 注:返回的数值不带单位 offset 系列常用的属性包括:  element.offsetParent  返回作为该元素带有定位的父级元素,如果父级元素没有定位,则返回 body  注意,parentNode 和 ...

    autoit3非标准控件通过相对坐标定位点击

    • MouseClick缺点之一:受电脑屏幕大小和分辨率的影响,可使用WinMove固定窗口位置和大增加稳定性。 • MouseClick缺点之二:用户鼠标和键盘的移动和程序互相影响,可使用BlockInput()禁止用户输入。 MouseClick...

    解决C#获取鼠标相对当前窗口坐标的实现方法

    在C#winform中,可以用Control.MousePosition获得当前鼠标的坐标,使用PointToClient计算鼠标相对于某个控件的坐标,如下Point screenPoint = Control.MousePosition;//鼠标相对于屏幕左上角的坐标Point formPoint =...

    用Javascript获取页面元素的具体位置

    一、网页的大小和浏览器窗口的大小 首先,要明确两个基本概念。 一张网页的全部面积,就是它的大小。通常情况下,网页的大小由内容和CSS样式表决定。 浏览器窗口的大小,则是指在浏览器窗口中看到的那部分网页面积...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    resize:是否允许拖动改变窗口大小参数值:默认true(允许),false(不允许)。 rang:是否限制窗口挪动范围参数值:默认false(不限制),true(限制,也就是不允许窗口拖出浏览器的可视区域)。 loadingText:窗口...

    VC++ 编程技巧

    1. 如何获取应用程序的...71A.在VC1.5中,如何得到子窗口在主窗口中的相对坐标? 26 72.VC1.5 如何调用进程? 26 73.VC++1.5编Win3.1程序能否实现全局跳转? 26 74.在DLL用自定义窗口 26 75.如何让TOOLTIP的字体变大 27

    Excel VBA实用技巧大全 附书源码

    01020改变Excel窗口大小 01021改变Excel的显示位置 01022将Excel移动到屏幕以外 01023隐藏Excel 01024改变Excel的标题文字 01025删除Excel的标题文字 01026将Excel设置为全屏显示 01027在状态栏中显示信息 01028显示...

    javascript常用对象梳理

    功能:将当前窗口改变成(x,y)大小,x、y分别为宽度和高度。 14. scrollBy方法 语法格式: window.scrollBy(水平位移量,垂直位移量) 功能:将窗口中的内容按给定的位移量滚动。参数为正数时,正向滚动,否则反 ...

    MATLAB 7_0实用指南 (上册)

    第1章MATLAB7.0简介 1.1MATLAB的特点 1.1.1MATLAB的基本特点 1.1.2MATLAB7.0的新特点 1.2MATLAB桌面简介 1.2.1启动按钮 1.2.2命令窗口 1.2.3命令历史窗口 1.2.4T作空间窗口 1.2.5当前...

    C++MFC教程

    2、理解Windows的消息机制,窗口句柄和其他GUI句柄的含义和用途。了解和MFC各个类功能相近的API函数。 3、一定要理解MFC中消息映射的作用。 4、训练自己在编写代码时不使用参考书而是使用Help Online。 5、记住一些...

    JavaScript网页特效范例宝典源码

    实例027 设置窗口大小和位置 43 实例028 刷新当前页 44 实例029 自动最大化 45 实例030 自定义导航控制面板 46 实例031 根据用户分辨率自动调整窗口 48 1.5 窗口的其他效果 49 实例032 打开窗口时显示对话框 50 实例...

    阿杰皮肤库(阿杰编写)

    子程序 取指定点颜色, 整数型, 公开, 获取指定窗口或控件在nX,nY处的颜色值,无符号整型 返回颜色值(RGB) .参数 句柄, 整数型, , 指定窗口或控件的句柄 .参数 横坐标, 整数型, , 指定横坐标点 .参数 纵坐标, 整数型,...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    alinkColor 设置或获取元素中所有激活链接的颜色。 bgColor 不赞成。设置或获取表明对象后面的背景颜色的值。 charset 设置或获取用于解码对象的字符集。 cookie 设置或获取 cookie 的字符串值。 defaultCharset...

    C#控件大全

    (2) WindowState属性: 用来获取或设置窗体的窗口状态。 取值有三种: Normal (窗体正常显示)、 Minimized (窗体以最小化形式显示)和 Maximized(窗体以最大化形式显示)。 (3)StartPosition属性:用来获取...

    超实用的jQuery代码段

    1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 提示文本的隐藏与显示 1.23 实现文字闪烁效果 1.24 实现文字动画...

    WPF编程宝典 part1

    23.1.3 保存和还原窗口位置 642 23.2 窗口交互 644 23.2.1 窗口所有权 646 23.2.2 对话框模型 647 23.2.3 通用对话框 648 23.3 非矩形窗口 649 23.3.1 简单形状窗口 649 23.3.2 具有形状内容的透明窗口...

    WPF编程宝典 part2

    23.1.3 保存和还原窗口位置 642 23.2 窗口交互 644 23.2.1 窗口所有权 646 23.2.2 对话框模型 647 23.2.3 通用对话框 648 23.3 非矩形窗口 649 23.3.1 简单形状窗口 649 23.3.2 具有形状内容的透明窗口...

    《程序天下:JavaScript实例自学手册》光盘源码

    12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期特效 13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6 时间相加 13.7 5秒后消失的...

    程序天下:JavaScript实例自学手册

    12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期特效 13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6 时间相加 13.7 5秒后消失的...

    VC之美化界面篇本文专题讨论VC中的界面美化,适用于具有中等VC水平的读者。读者最好具有以下VC基础:

    //获取窗口大小 CRect rt; GetClientRect(&rt); //显示位图 pDC-&gt;StretchBlt(0, 0, rt.Width(), rt.Height(), &dc, 0, 0, hb.bmWidth, hb.bmHeight, SRCCOPY); return TRUE; } HBRUSH CUi4Dlg::OnCtlColor...

Global site tag (gtag.js) - Google Analytics