( ! ) Warning: include(): http:// wrapper is disabled in the server configuration by allow_url_include=0 in D:\www\up\jQuery\jquery_06.php on line 21
Call Stack
#	Time	Memory	Function	Location
1	0.0000	356552	{main}( )	...\jquery_06.php:0

( ! ) Warning: include(http://pub.houheaven.com/Nav02/Nav_deep2.htm): failed to open stream: no suitable wrapper could be found in D:\www\up\jQuery\jquery_06.php on line 21
Call Stack
#	Time	Memory	Function	Location
1	0.0000	356552	{main}( )	...\jquery_06.php:0

( ! ) Warning: include(): Failed opening 'http://pub.houheaven.com/Nav02/Nav_deep2.htm' for inclusion (include_path='.;C:\php\pear') in D:\www\up\jQuery\jquery_06.php on line 21
Call Stack
#	Time	Memory	Function	Location
1	0.0000	356552	{main}( )	...\jquery_06.php:0

jQuery：控制元素位置

.position()

说明：获取匹配元素在当前视口的相对偏移。返回的对象包含两个整形属性：top 和 left。

注意：此方法只对可见元素有效。

-------------------------- jQuery code ------------------------

$(function(){

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

var oDiv=$(this).position();

var sTmp="left:"+oDiv.left+"+top:"+oDiv.top;

$(this).text(sTmp);

})

});

-------------------------- jQuery Demo ------------------------

点击后会计算出此 div 距其父元素最上端的像素数。

说明：获取匹配元素相对父元素的偏移。返回的对象包含两个整形属性：top 和 left。为了精确无误的计算结果，内外边距和边框等属性应使用像素单位。

注意：此方法只对可见元素有效。

-------------------------- jQuery code ------------------------

$(function(){

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

var oDiv=$(this).offset();

var sTmp="left:"+oDiv.left+"+top:"+oDiv.top;

$(this).text(sTmp);

})

});

-------------------------- jQuery Demo ------------------------

点击后会计算出此 div 距此浏览器窗口可视部分最上端的像素数。

说明：当用户通过鼠标滑轮向下滑动时，就会产生 scroll 事件，可以通过 $(window).scrollTop() 来获取已经滑动的像素距离。

-------------------------- jQuery code ------------------------

$(function(){

$(window).scroll(function(){

var wintop=$(this).scrollTop();

$("p").text(wintop);

})

});

-------------------------- jQuery Demo ------------------------

scrollTop :

[ 后天堂向上 | 好好学习天天向上 ]