11-19 动画

11-19 动画

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

 

  这十三个属性,前面十一个是只读属性,scrollTopscrollLeft是即可读也可写

 

  获取浏览器的body属性是有兼容的

 

    Var dd=document.body||document.documentElement

 

  scrollTopscrollLeft的最小值是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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/101290.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • keil5破解失败【经验分享】

    keil5破解失败【经验分享】有些小伙伴在输入license时会出现这种情况解决办法:使用管理员方式运行keil5

    2022年5月4日
    816
  • next()和nextLine()的区别详解

    next()和nextLine()的区别详解//next()和nextLine()的区别详解/*next()方法在读取内容时,会过滤掉有效字符前面的无效字符,对输入有效字符之前遇到的空格键、Tab键或Enter键等结束符,next()方法会自动将其过滤掉;只有在读取到有效字符之后,next()方法才将其后的空格键、Tab键或Enter键等视为结束符;所以next()方法不能得到带空格的字符串。 *//*nextLine()方法字

    2022年5月29日
    32
  • 史上最新最全面的java大数据学习路线(新手小白必看版本)

    史上最新最全面的java大数据学习路线(新手小白必看版本)第一阶段:大数据基础Java语言基础阶段1.1:Java开发介绍1.1.1Java的发展历史1.1.2Java的应用领域1.1.3Java语言的特性1.1.4Java面向对象1.1.5Java性能分类1.1.6搭建Java环境1.1.7Java工作原理 1.2:熟悉Eclipse开发工具1.2.1Eclipse简介与下载1.2.2安…

    2022年5月28日
    30
  • Spring AOP IOC 实现原理,面试问到如何回答[通俗易懂]

    Spring AOP IOC 实现原理,面试问到如何回答[通俗易懂]IOC:控制反转也叫依赖注入,IOC利用java反射机制,AOP利用代理模式。所谓控制反转是指,本来被调用者的实例是由调用者来创建的,这样的缺点是耦合性太强,IOC则是统一交给spring来管理创建,将对象交给容器管理,你只需要在spring配置文件总配置相应的bean,以及设置相关的属性,让spring容器来生成类的实例对象以及管理对象。在spring容器启动的时候,spring会把你在配置文件…

    2022年6月28日
    151
  • cxf 注解_cancel缩写为什么是CXL

    cxf 注解_cancel缩写为什么是CXLhttp://blog.csdn.net/look85927/article/details/13000117

    2025年5月31日
    0
  • 计算机专业英语单词书,计算机专业英语词库.pdf「建议收藏」

    计算机专业英语词库计算机专业英语3000多词关键词:单词计算机专业英语1.filen.文件;v.保存文件2.commandn.命令,指令3.usev.使用,用途4.programn.程序5.linen.(数据,程序)行,线路7.displ…

    2022年4月16日
    57

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号