zoukankan      html  css  js  c++  java
  • extjs的一些简单动画1

    Ext.Element 类也定义了部分动画函数。我们先来看看Ext.Fx 类中的重要方法。

    1、slideIn ( [String anchor], [Object options] ):

    功能:滑入效果
    值 说明
    ----- -----------------------------
    tl 左上角
    t 顶部中央
    tr 右上角
    l 左边中央
    r 右边中央
    bl 左下角
    b 底部中央
    br 右下角

    Ext.onReady(function(){

    Ext.get("a1").applyStyles({position: "absolute", top: 200, left: 200, backgroundColor: "red", 100, height: 100}).slideIn("r", {duration: 10}); })

    2.slideOut ( [String anchor], [Object options] ):滑出效果,作动画隐藏。参数及用法同上
    3、highlight ( [String color], [Object options] ):根据设置的颜色高亮显示Element 对象,
    然后渐隐为原始颜色。默认情况,高亮显示的背景颜色为黄色。
    参数:
    color:起始颜色
    options:选项配置
    常见的配置选项及默认值
    4、frame ( [String color], [Number count], [Object options] ):展示一个展开的波纹,伴随
    着渐隐的边框以突出显示Element 对象。默认情况下展示的是一个淡蓝色的波纹。
    参数:
    color:波纹颜色
    count:波纹的个数
    options:选项配置
    fadeIn ( [Object options] ):将元素从透明渐变为不透明。结束时的透明度可以根据"endOpacity"选项来指定。
    6、fadeOut ( [Object options] ):将元素从不透明渐变为透明。结束时的透明度可以根据"endOpacity"选项来指定。
    7、scale ( Number width, Number height, [Object options] ):以动画展示元素从开始的高度/宽度转换到结束的高度/宽度
    8、shift ( Object options ):以动画展示元素任意组合属性的改变,如元素的尺寸、位置坐标和(或)透明度。如果以上属性中的任意一个没有在配置选项对象中指定则该属性不会发生改变。为了使该特效生效,则必须在配置选项对象中设置至少一个新的尺寸、位置坐标或透明度属性。
    9.ghost ( [String anchor], [Object options] ):将元素从视图滑出并伴随着渐隐。作为可
    选参数传入的定位锚点将被设置为滑出特效的结束点。

  • 相关阅读:
    自动化测试selenium教程
    Java开发.gitignore文件包含.iml,.log的看法
    基于接口设计与编程
    搭建大众点评CAT监控平台
    正确的打日志姿势
    【每天一条Linux指令-Day1】kill掉多个mysql的进程
    一道SQL面试题——表行列数据转换(表转置)
    @SuppressWarnings注解用法详解
    Spring IoC的底层技术支持——Java反射机制
    出现java.lang.NoSuchMethodError错误的原因
  • 原文地址:https://www.cnblogs.com/shaoshao/p/4269938.html
Copyright © 2011-2022 走看看