層滑動效果 (jquery)
slideToggle(speed,[callback])
通過高度變化來切換所有匹配元素的可見性,并在切換完成后可選地觸發一個回調函數。
這個動畫效果只調整元素的高度,可以使匹配的元素以“滑動”的方式隱藏或顯示。

--------------------------------------------------------------------------------

Toggle the visibility of all matched elements by adjusting their height and firing an optional callback after completion.
Only the height is adjusted for this animation, causing all matched elements to be hidden or shown in a "sliding" manner.
返回值
jQuery

參數
speed (String,Number) : 三種預定速度之一的字符串("slow", "normal", or "fast")或表示動畫時長的毫秒數值(如:1000)

callback (Function) : (可選) 在動畫完成時執行的函數

示例
用600毫秒緩慢的將段落滑上或滑下

jQuery 代碼:

$("p").slideToggle("slow");
--------------------------------------------------------------------------------

用200毫秒快速將段落滑上或滑下,之后彈出一個對話框

jQuery 代碼:

$("p").slideToggle("fast",function(){
alert("Animation Done.");
});
------------------------------------------------------------------------------------------------------------------------------------
獲取節點元素
document.getElementById("p1").firstChild.firstChild.data;
注:p1為層ID 層結構為 <div><p> xxoo</p></div> 以上表達式值即為 XXOO
---------------------------------------------------------------------
取得頁面元素絕對位置
alert(o.top);
alert(o.width);
alert(o.height); 這樣就出來了。
-------------------------------------------------------------------------------------------------------------------------
路徑問題 直接<%=request.getContextPath()%>/*就OK~































------------------------------------------------------------------------------------------------------------------------------------
獲取節點元素
document.getElementById("p1").firstChild.firstChild.data;
注:p1為層ID 層結構為 <div><p> xxoo</p></div> 以上表達式值即為 XXOO
---------------------------------------------------------------------
取得頁面元素絕對位置
1 function getLTWH(o)
2 {
3 var oLTWH={"left":0,"top":0,"width":0,"height":0};
4 if(document.all)
5 {
6 var oRect=o.getBoundingClientRect();
7 oLTWH.left=oRect.left-2;
8 oLTWH.top=oRect.top-2;
9 }else
10 {
11 oLTWH.left=o.offsetLeft;
12 oLTWH.top=o.offsetTop;
13 }
14 oLTWH.width=o.offsetWidth;
15 oLTWH.height=o.offsetHeight;
16 return oLTWH;
17 }
alert(o.left);2 {
3 var oLTWH={"left":0,"top":0,"width":0,"height":0};
4 if(document.all)
5 {
6 var oRect=o.getBoundingClientRect();
7 oLTWH.left=oRect.left-2;
8 oLTWH.top=oRect.top-2;
9 }else
10 {
11 oLTWH.left=o.offsetLeft;
12 oLTWH.top=o.offsetTop;
13 }
14 oLTWH.width=o.offsetWidth;
15 oLTWH.height=o.offsetHeight;
16 return oLTWH;
17 }
alert(o.top);
alert(o.width);
alert(o.height); 這樣就出來了。
-------------------------------------------------------------------------------------------------------------------------
路徑問題 直接<%=request.getContextPath()%>/*就OK~