你的位置:首页 > Java教程

[Java教程]jQuery设置元素距离父元素顶部的距离


jQuery设置元素距离父元素顶部的距离:
使用CSS可以轻松的设置元素距离父元素顶部的距离,但是有时候需要动态的设置这个距离,那么使用jQuery是一个不错的选择,下面就通过代码介绍一下如何实现此功能,代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS教程</title><style type="text/css">#box{ width:100px; height:300px; background-color:blue; position:relative;}#inner{ width:50px; height:100px; background-color:red; position:absolute;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ $("#inner").css("top",20);})</script></head><body><div id="box"> <div id="inner"></div></div></body></html>

以上代码实现了我们想要的效果,可以将内部div具体顶部的高度设置为20px。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10347

更多内容可以参阅:http://www.softwhy.com/jquery/