美文网首页
缓动框架

缓动框架

作者: 嗨黄先生 | 来源:发表于2017-10-12 23:10 被阅读0次

封装框架遇到的两个问题

原有的方法:div .style .width:这个方法比较固定,不能用变量或者字符串的形式更换属性,不方便我传值获取属性,和给属性赋值。
属性值 的获取和属性的赋值

div.style["width"]="5000px";

可以通过传字符串或者变量的方法获取和赋值属性
缺点:他的操作完全是对行内式css来操作的,赋值的时候毫无问题,但是,获取值的时候有问题了,

获取任意类型的css样式的属性值

Div.style.width
div.currentStyle.width
Window.getComputeStyle(div,null).width;
他们的公共使用变量或者字符串获取属性性值的方法都是:去电属性和点,然后加上括号和属性的字符串形式
Div.style["width"];
div.currentStyle["width"];
Window.getComputedStyle(div,null)["width"];

开闭原则

定义一个变量,数据可以修改但是只能修改两个值

回调函数

程序执行完毕,在此执行的函数。
在函数中给指定的函数定义一个形参,然后程序执行到最后,调用这个形参后面加一个括号。

相关文章

  • 缓动框架

    缓动框架 在body中创建一个按钮 设置样式 程序运行起来的时候书写算法 运行之后的效果

  • 缓动框架

    封装框架遇到的两个问题 原有的方法:div .style .width:这个方法比较固定,不能用变量或者字符串的形...

  • 缓动框架封装

  • 缓动函数

    链接 欢迎大家访问我的个人网站四度空间 Fuse? 很多时候,设计师设计一个特效动画出来,用静态的UE是很难向开发...

  • Tween缓动

    效果图: https://easings.net[https://easings.net]

  • DoTween

    doTween使用 :SetEase(缓动枚举)----dotween自带缓动枚举 onComplete-----...

  • 流动之美·提升用户体验的交互动效(四)

    Point 1. Easy Curves 缓动曲线 以下图为例,大家可以观察到基础缓动曲线的速度变化,更多的缓动...

  • 仿360开机

    仿360开机效果 1.布局 2.布局页面位置 3.在上一篇中,我们封装了缓动动画,这里我们不再重写一遍缓动框架啦。...

  • Web前端------缓动框架的封装、行内样式与内嵌样式等的获取

    之前版本的缓动框架 原有的方法:div.style.width :这个方法比较固定,不能用变量或者字符串的形式更换...

  • 动效设置基础:缓动

    欢迎关注我的微信公众号:侠侠说! 先放结论:进入屏幕用减速(ease-out);离开屏幕用加速(ease-in);...

网友评论

      本文标题:缓动框架

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