Jquery特殊效果

2021-08-08 01:25:35 字數 1524 閱讀 9510

1.jquery特殊效果

fadein()淡入

$btn.click(function());

});fadeout()淡出

fadetoggle()切換淡入淡出

hide()隱藏元素

show() 顯示元素

toggle() 切換元素的可見狀態

slidedown() 向下展開

slideup() 向上捲起

slidetoggle()依次展開或捲起某個元素

2.尺寸相關,滾動事件

1、獲取和設定元素的尺寸

width()height()

獲取元素

width

和height 

innerwidth()、innerheight()

包括padding

的width

和height 

outerwidth()、outerheight()

包括padding

和border

的width

和height 

outerwidth(true)、outerheight(true)

包括padding

和border

以及margin

的width

和height

2、獲取元素相對頁面的絕對位置

offset();

獲取元素的

lefttop,位置

1.瀏覽器的寬高

:$(window).width();

2.文件的寬高

:$(document).width();

3.獲取頁面滾動的距

$(document).scrolltop();

$(document).scrollleft();

4.監聽頁面滾動距離

$(window).scroll(function())

3.jquery迴圈

對jquery選擇的物件集合分別進行操作,需要用到jquery迴圈操作,此時可以用物件上的

each方法:

$(function())

})......

4.回到頂部固定寫法:

$("html,body").animate()

外邊距的特殊效果

1.外邊距合併 當兩個垂直外邊距相遇時,他們將合併為乙個,最終取決於兩個外邊距中距離較大的那個。如果兩個外邊距相遇時值相等,那麼取其中乙個值。2.外邊距的溢位 在某些條件下,為子元素設定上外邊距時,有可能會作用到父元素上。1.父元素沒有上邊框 2.為子元素設定上外邊距時 2.在d2中巢狀乙個子元素d...

用HTML格式實現特殊效果呈現

水晶報表支援的字型格式效果有限,有時候不能滿足我們的需要。所以有時候,我們可以借助其對html格式的支援實現某些效果 如我們有段html 是這樣的 html head head body h sub 2sub o br font size 20 hfont font size 8 2font fon...

ios UILabel 的詳細使用及特殊效果

uilabel label uilabelalloc initwithframe cgrectmake 0,0,75,40 宣告uilbel並指定其位置和長寬 label.backgroundcolor uicolorclearcolor 設定label的背景色,這裡設定為透明色。label.fon...