Posted on 2011-04-21 23:20
哈希 閱讀(115)
評論(0) 編輯 收藏 所屬分類:
Js and Jquery 常用總結
http://www.51xuediannao.com/JS/texiao/up_gundong.html
http://www.csrcode.cn/html/txdm/txtx/3078.htm
http://www.yesky.com/imagesnew/software/jscript/index.html
jquery網頁特效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>嵌套DIV層的css定位實現丨芯晴網頁特效丨CsrCode.Cn</title>
<style>
#box1 {
position: absolute;
top: 100px;
left: 100px;
width: 400px;
height: 300px;
background-color: #B0C4DE;
border: 2px solid #34537D
}
#box2 {
position: absolute;
bottom: 2em;
right: 2em;
width: 150px;
background-color: #FFFAFA;
border: 2px solid #CD5C5C;
}
</style>
</head>
<body>
<div id="box1">This is box one. It is positioned 100 pixels from the top and 100 pixels from the left of the viewport
<div id="box2">This is box two. It is positioned 2 em from the bottom and 2 em from the right of the parent element - box1</div>
</div>
</body>
</html>
<p align="center"><font color=black>本特效由 <a target="_blank">芯晴網頁特效</a>丨CsrCode.Cn 收集于互聯網，只為興趣與學習交流，不作商業用途。來源：源碼愛好者</font></p><hr>