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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • textview可复制_长按复制是怎么做的

    textview可复制_长按复制是怎么做的前段时间因为项目需求实现TextView长按复制的功能,特意上百度差了一下有不少实现这个功能的方法,隔了好久也怕忘了,总结一下:先推荐目前感觉最好用的方法:在布局文件的TextView控件属性中增加一句话:android:textIsSelectable="true",不过这个方法需要只有androidsdk11起才支持,v11以下则不行了。不过现在的版本这个应该也不成问题了xml文件中可以设…

    2022年9月29日
    0
  • PyCharm的安装和配置(社区版)「建议收藏」

    PyCharm的安装和配置(社区版)「建议收藏」Python学习基础笔记一、PyCharm的安装和配置二、Python基础语法2.1、概率2.2、标识符一、PyCharm的安装和配置二、Python基础语法2.1、概率2.2、标识符

    2022年8月26日
    2
  • java集合系列——Map介绍(七)

    Map是将键映射到值的对象。一个映射不能包含重复的键;每个键最多只能映射到一个值。

    2022年2月26日
    57
  • 【Python_环境配置】Pycharm创建虚拟环境

    【Python_环境配置】Pycharm创建虚拟环境问题由来从github下载的模型程序,所适包的版本不同,导致Pycharm中包混乱、版本冲突。 为每个程序单独创建虚拟环境,使得特定程序只能访问虚拟环境中的包,从而保持全局解释器的干净整洁。创建虚拟环境File-Settings-PythonInterpreter-设置图标,后续设置如下:Pycharm之创建虚拟环境在特定虚拟环境中安装包1、选择下方Terminal2、利用cd进入项目的Scripts文件夹3、输入activate4、利用pip命…

    2025年6月26日
    0
  • Windows配置Java环境变量(下载、安装、配置环境)[通俗易懂]

    Windows配置Java环境变量(下载、安装、配置环境)[通俗易懂]本人以博客专家担保,本篇文章可以解决你的问题,若未解决,将为你远程操作,但希望你为我点一个关注!!!推荐文章MySql5.7安装教程(超详细)https://myhub.blog.csdn.net/article/details/103532734(JavaSE)目录下载、安装配置环境变量下载、安装进入官网下载https://www.oracle.com/…

    2022年6月7日
    35
  • 我的世界java版和基岩版对比_我的世界:盘点基岩版与JAVA版的差异,看完后选谁就一目了然了…

    我的世界java版和基岩版对比_我的世界:盘点基岩版与JAVA版的差异,看完后选谁就一目了然了…大家好,今天我们来讲讲基岩版与JAVA版的差异,根据个人爱好不同,看完后选谁就一目了然了。1.基岩版与Win10版的特性是相同的。JAVA版与Win10没什么相同的地方。2.基岩版是没有活塞bud的,而JAVA有更多bud状态。3.基岩版在红石方面会比较便捷,如基岩版的活塞可以推动容器,而JAVA版则没有这个特性。4.JAVA版有比基岩版更多的MOD。5.JAVA版的命名牌改成某个名字(忘记是什么…

    2022年7月7日
    26

发表回复

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

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