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 当窗口发生改变时触发
转载于:https://www.cnblogs.com/wwwzhaocom/p/10044111.html
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/101290.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...