美文网首页
网页特效

网页特效

作者: 菜的只能打代码 | 来源:发表于2021-03-24 17:44 被阅读0次

元素偏移量offset系列

动态获取元素的偏移

获取元素距离带有定位父元素的位置

获取元素的自身大小

返回的数值都不带单位

offsetParent 返回作为该元素的父级元素,如果父级没有定位则返回body

offsetTop 返回元素相对父级元素上方的偏移

offsetLeft 返回元素相对带有定位的父元素左边框的偏移

offsetWidth 返回包括padding 边框 内容区的宽度 返回数值不带单位

offsetHeight 返回包括padding 边框 内容区的高度,返回数值不带单位

parentNode返回父亲,是最近一级的父亲,亲爸爸,不管爸爸有没有定位

offset 和style区别

css只能获取行内样式表的属性,内联样式不行。offset可以

offset系列获取数值没有单位,css有

offsetWidth 等于padding+width+border  css宽度不包含padding和border

offwidth只能获取不能赋值,css可读可写

获取元素的大小位置,用offset更合适,给元素赋值用style改变

pagex获取距离页面的距离

offsetLeft

pageTop  offsetTop

client 也是返回元素的宽高,不包含border 保护padding

立即执行函数

function  a(){}  a()

(function(){

})()

(function(a,b){

}())

立即函数的最大作用是创建了一个函数作用域

pageshow不管点了刷新或者前进后退页面,都会重新加载页面触发事件

scroll系列

scrollHeight 是内容的实际高度大小不包含边框

scrollWidth 文字的宽度 不包含边框

scrollTop内容卷进去的高度

scrollLeft

addEventListener(scroll)

页面被卷去的头部 window.pageYOffset

  页面被卷去的左侧部 window.pageXOffset

注意元素被卷起是element.scrollTop

mouseenter 自会经过指定的元素触发

mouseleave离开事件

相关文章

  • 网页特效

    元素偏移量offset系列 动态获取元素的偏移 获取元素距离带有定位父元素的位置 获取元素的自身大小 返回的数值都...

  • 网站推荐 (不定时更新)

    1.网页设计 jQuery插件库:JS特效,网页特效,以及各种html5,css3动画和效果Bootstrap,来...

  • 常见网页特效

    1.下拉框联动 下拉框联动效果用于在两个或多个内容相关联的下拉框中选取数据,比如在招聘网站中选择求职意向时,需要先...

  • 网页切换特效

    目前网页没有使用任何特效,直接浏览器访问并不觉得难看,不过 App 首页也是用 WebView 加载网页,载入之前...

  • 网页特效2

    1 复习 offset 自己的 偏移offsetWidth 得到自己的宽度offsetHeight构成 ...

  • 网页特效1

    1复习 根据位置返回 字符 asdfg.charAt(3)=f根据字符返回位置 从前面索引 asdfgg....

  • 电脑网页中抓取iPhone 手机特效视频教学

    电脑网页中抓取iPhone 手机特效视频教学

  • 【一】初识JavaScript

    初识JavaScript JavaScript介绍 作用 用来实现网页的各种交互,功能,以及制作炫酷的网页特效。 ...

  • 网页特效练习(2)

    1.中部导航吸顶 侧边横幅 3.返回顶部 4.onresize

  • 网页特效练习(1)

    1.手风琴相册 知识点1:a标签的伪类选择器 :link 修改从未被访问过状态下的样式:visited 修改被访问...

网友评论

      本文标题:网页特效

      本文链接:https://www.haomeiwen.com/subject/pjgkhltx.html