网站建设资讯

NEWS

网站建设资讯

jquery可视区域,js可视区域

如何用jquery判断元素是否进入可视区域

var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离 var se = document.documentElement.clientHeight //浏览器可见区域高度。 if(top

创新互联是一家专注于网站设计制作、成都网站设计与策划设计,华容网站建设哪家好?创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:华容等地区。华容做网站价格咨询:13518219792

jquery怎么获取网页可视区域的宽

$(window).width();//可视区域的宽度

$(window).height();//可视区域的高度

jquery怎么判断某个div是否进入可视区域?

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

script language="javascript" src="/js/jquery-1.4.4.js" type="text/javascript"/script

script language="javascript" type="text/javascript"

!--//

$(document).ready(function(){

$(window).bind("scroll", function(event){

$("div").each(function(){

var fold = $(window).height() + $(window).scrollTop();

if( fold = $(this).offset().top){

$(this).trigger("appear");

}

});

});

$("div").each(function(){

if( $(window).height()  $(this).offset().top){

$(this).html("出现在可视区域");

}

$(this).one("appear",function(){

$(this).html("出现在可视区域");

});

});

});

//--

/script

/head

body

div111/div

div1111/div

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

div showed = "N"111111111111/div

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

div showed = "N"111111111111/div

/body

/html

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。


网站栏目:jquery可视区域,js可视区域
本文地址:http://cdweb.net/article/dsdcoei.html