前一篇中实现element全屏方案只适合单一的元素(元素里面不包含其他元素),但是如果里面有其他的元素呢?比如按钮之类的。如下图:
加上-webkit-full-screen{ width: 100%; height: 100%; } 之后全屏显示就变成:
1,button使用left和top来定位(左图)。如果用bottom和right来定位(右图)
我们会发现elemen...
分类:
其他好文 时间:
2014-11-27 12:45:55
阅读次数:
289
is(expr|obj|ele|fn)
概述
根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。
如果没有元素符合,或者表达式无效,都返回'false'。 '''注意:'''在jQuery 1.3中才对所有表达式提供了支持。在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 > )...
分类:
Web程序 时间:
2014-11-26 19:05:30
阅读次数:
284
为异步加载的Dom 元素绑定事件必须在加载完成之后绑定:$('body').load('LearnClickBinding.ashx');$('a').click(function () { alert('I was clicked!');});上面的绑定是无效的,因为异步加载需要时间,而在获取元素...
分类:
Web程序 时间:
2014-11-25 18:03:50
阅读次数:
201
http://www.cnblogs.com/shuibing/p/4062923.html选择器是行为与文档内容之间的纽带,其目的是能轻松的找到文档中的元素。 jQuery中的选择器继承了CSS的风格。利用jQuery选择器,可以非常便捷快速地找出特定的DOM元素,然后给它们添加相应的行为,无须....
分类:
Web程序 时间:
2014-11-24 17:00:18
阅读次数:
239
前言 因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到园友,文中如有不当之处,还望各位指正,话不多说,直接进入正题。bind()简要描述 bin.....
分类:
Web程序 时间:
2014-11-19 20:22:11
阅读次数:
330
attribute和property都有属性之意,但对于attribute和property的区分其实并不难。从对象来说,attribute是html文档上标签属性,而property则是对应dom元素的自身属性。从操作方法上来看,attribute可以通过dom core规范的接口 getAttr...
分类:
Web程序 时间:
2014-11-19 10:43:16
阅读次数:
359
1.TransitionTransition是一种直观上的效果,让DOM元素的某个属性在固定时间内从一旧值到一新值。目前Firefox、Opera、Safari和Chrome都支持transition ,IE还不支持。语法:transition:property duration timing-fu...
分类:
Web程序 时间:
2014-11-16 15:49:53
阅读次数:
246
实用函数:定义在jQuery/$命名空间下不操作包装集的函数,可以看做定义在$实例而不是window实例上的顶级函数。一般这些实用函数要么操作除DOM元素以外的对象,要么执行一些对象无关的操作。公共用途的jQuery标志:$.fx.off:启用或禁用特效,不会废除已经在页面使用的特效,只是禁用了动画...
分类:
Web程序 时间:
2014-11-15 01:22:38
阅读次数:
176
screenX clientX pageX概念打开的pop窗口随着鼠标点击的dom元素而定位展示的js代码:e是click事件,o是pop窗口的宽度或高度,eventX = function (e, o) {e = e || window.event;o = o || 0;x = e.pageX |...
分类:
其他好文 时间:
2014-11-11 16:01:37
阅读次数:
231
在javascript中,一般的DOM元素如div,都有onmousedown、onmousemove、onmouseup这3个鼠标事件。
当鼠标在div1上移动或者按下左键拖动的时候,都会触发onmousemove事件。如何区分这2种事件呢?如何区分鼠标单击弹起和拖动后弹起呢?区分鼠标单击弹起和拖动后弹起,可以注册onmousedown和onmouseup事件处理函数,在onmous...
分类:
编程语言 时间:
2014-11-11 12:47:27
阅读次数:
318