瀏覽器開啟層自動緩慢展開收縮實例碼_jquery

範例：

複製程式碼 程式碼如下：

程式碼如下：





>


#screefull{顯示：塊；邊框：1px實線#bddbf3；寬度：954px；內邊距：3px 5px 7px；邊距：0 自動10 像素；背景：#fef9db; }
#mostrar{顯示：區塊；寬度：954px；顯示：無；}
#screefull a.close{ 顯示：區塊；寬度：25px；高度： 20px；背景：url(img/cx.gif) 不重複0 0;溢出：隱藏；浮動：右；邊距：16px 8px 0 0; *右邊距：5px；文字裝飾：無；}
#screefull p{ 顯示：區塊；文字對齊：居中；font-family:"微軟雅黑";字體大小：14px；顏色：#000；高度：28px；行高：28px；垂直對齊：中間；}
# screeful var{ 顯示：內聯塊； *顯示：內嵌； *縮放：1；背景：url(img/wicon.gif) 不重複0 0;寬度：28px；高度：28px；溢出：隱藏；垂直對齊：中； margin-right:10px;}
#screefull em{ display:inline-block; *顯示：內嵌； *縮放：1；顏色：#ff0000; font-family:"微軟雅黑";字體樣式樣式：正常；}
#screefull span{ display:inline-block; *顯示：內嵌； *縮放：1；垂直對齊：中間；}
#screefull p a{ 顯示：內聯區塊； *顯示：內嵌； *縮放：1；顏色：#2400ff;文字裝飾:下劃線;}
;

頭>

[x]

在未通過審核的網站添加廣告代碼，將不會產生佣金。

函數closewarn(type)
{
$("#warn").slideUp("slow");
if(type == 'know')
{
$.post(window.location.href,{op : 'setwarn'},function(data)
{
回傳true
});
}
}
window.onload = function()
{
$("#warn").slideDown(2000);
}
腳本>

身體>


解釋上文程式碼段：

1、$("#warn") .slideUp("slow");向上滑動， $("#warn") .slideDown(2000);向下滑動
2、$.post(window.location.href,{op : 'setwarn'}, function(data)
{
return true;
} )
運用到了ajax提交跟伺服器進行交互，
第一個參數是請求的地址第二個是提交的參數第三個是請求成功後呼叫的方法
參數op的值是setwarn json字串的格式具體運用解說看http://www.w3school.com.cn/jquery/ajax_post.asp
url 回覆locaotion. href(取得是目前頁面的位址) data 回覆{op：setwarn } 字串success 對應函數3、window.onload = function(){}作用一般在中寫的函數都要在body頁面調用，用此函數就不用等body頁面調用就可以執行了