Fx动态效果显示不正常

浏览器：ie9,火狐4.0.1，360极速浏览器4.0.3,Opera 11.11
都试过了，就是不正常，Ext的版本是3.3.1fadeOut(),fadeIn(),能正常显示
slideOut()  直接自动消失，并不像API中说的那样从上边框滑出去
highlight()，各种setWidth(),setHeight(),干脆没效果
那个人能告诉我为什么啊在线等

解决方案 »

  1.   


    /**
     * 
     */
    var faceWin = null;
    var passWin = null;
    var alterWin = null;
    var win = null;
    var form = new Ext.form.FormPanel({
    defaultType : 'textfield',
    labelAlign : 'right',
    labelWidth : 70,
    frame : true,
    buttonAlign : 'center',
    items : [{
    fieldLabel : '旧密码',
    inputType : 'password',
    name : 'password'
    }, {
    fieldLabel : '新密码',
    inputType : 'password',
    name : 'password'
    }, {
    fieldLabel : '再一次输入',
    inputType : 'password'
    }],
    buttons : [{
    text : '确定',
    handler : function() {
    alterWin.hide();
    win.show();
    }
    }]
    });
    var panel = new Ext.Panel({
    layout : {
    type : 'vbox',
    padding : '5',
    align : 'stretch'
    },
    defaults : {
    margins : '30 30 30'
    },
    items : [{
    xtype : 'button',
    text : '修改密码',
    handler : function() {
    faceWin.highlight();
    },
    flex : 1
    }, {
    xtype : 'button',
    text : '我的选课',
    flex : 1
    }, {
    xtype : 'button',
    text : '查询成绩',
    flex : 1
    }]
    });
    Ext.onReady(function() {
    faceWin = Ext.get('faceWin');
    passWin = Ext.get('passWin');
    alterWin = new Ext.Window({
    title : '修改密码',
    renderTo : 'passWin',
    width : 250,
    height : 180,
    closable : false,
    resizable : false,
    draggable : false,
    hidden : true,
    layout : 'fit',
    items : form
    });
    win = new Ext.Window({
    animateTarget : 'faceWin',
    y : 100,
    renderTo : 'faceWin',
    width : 200,
    height : 400,
    layout : 'fit',
    closable : false,
    draggable : false,
    resizable : false,
    items : panel,
    buttons:[{
    text:'sss',
    handler:function(){
    win.hide();
    }
    }]
    });
    win.show();
    });这是js<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="s" uri="/struts-tags"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css"
    href="ExtJs/resources/css/ext-all.css" />
    <script type="text/javascript" src="ExtJs/ext-base.js"></script>
    <script type="text/javascript" src="ExtJs/ext-all.js"></script>
    <script type="text/javascript" src="ExtJs/ext-lang-zh_CN.js"></script>
    <script type="text/javascript" src="MyJs/manager.js"></script>
    <title>管理员空间</title>
    </head>
    <body>
    <div id="faceWin"></div>
    <div id="passWin"></div>
    </body>
    </html>