動畫
(1) css樣式提供了運動
過渡的屬性transition 從一種情況到另一種情況叫過渡
transition:attr time linear delay;
attr 是變化的屬性
time 是花費的時間
linear 變化的速度
delay 是延遲
複習background:url() no-repeat 50% 50% red;
background-image
background-repeat
background-position
background-color
(2) js提供的運動
元素的client offset scroll三個系列
clientwidth/clientheight/clienttop/clientleft
offsetwidth/offsetheight/offsetleft/offsettop/offsetparent
scrollwidth/scrollheight/scrolltop/scrollleft
這十三個屬性,前面是乙個是唯讀屬性,scrolltop和
scrollleft
是即可讀也可寫
獲取瀏覽器的body屬性是有相容的
var dd=document.body||document.documentelement
scrolltop和
scrollleft
的最小值是
0獲取body的整個文件的高
document.body.scrollheight||document.documentelement.scrollheight
獲取瀏覽器一螢幕的高(瀏覽器的可視區
)document.body.clientheight||document.documentelement.clientheight
window下的兩個事件
onscroll 當滾動條滾動的時候觸發
onresize 當視窗發生改變時觸發
scroll
我們學習的client和
offset scrollwidth
和scrolleheight
都是唯讀的屬性
scrolltop和
scrollleft
是可讀寫的屬性
scroltop的最小值是
0存在邊界值 當他為
0是回到容器的頂部
最大值是真實的高度-當前容器一螢幕的高度
scrollheight-clientheight
android 屬性動畫(縮放,漸變,移動,旋轉)
首先設定乙個,引入布局 第二步 初始化initdata getsupportactionbar hide 隱藏標題欄 displaymetrics displaymetrics getresources getdisplaymetrics 這個好像是可以獲取螢幕高度 int height displ...
Android動畫之屬性動畫
補間動畫,只是乙個動畫效果,元件其實還在原來的位置上,xy沒有改變,屬性動畫則反之 import android.animation.animator import android.animation.animatorinflater import android.animation.animato...
iOS 屬性動畫
第一步 準備動畫 引數1 動畫的作用,區分多個動畫的標識 引數2 傳遞引數 null c語言中使用 nil oc使用 uiview beginanimations 改變大小 context null 在準備動畫的時候可以設定動畫屬性 uiview setanimationduration 0.5 持...