个人中心
gpt4 book ai didi

sencha-touch - Sencha 淡入淡出效果的工作示例

转载 作者：行者123 更新时间：2023-12-04 23:27:59 27 4
gpt4 key购买 nike

有人可以给我写完整的代码来告诉我如何使用 sencha touch 1 淡入和淡出 html 元素吗？具体来说，我需要知道需要包含哪些 html、javascript 和 css 文件。

我一直试图获得一个简单的淡入淡出效果来处理 div 元素，但没有成功。要么我得到方法未找到错误，要么什么也没发生。 sencha 论坛上没有人回答我的问题。我很确定我只是遗漏了一些明显的东西。

附加说明

以下是我尝试过的事情以及失败的原因:

<!DOCTYPE html>
<html>
<head>
    <title>Nested List - Source Code Browser</title>
      <link rel="stylesheet" href="sencha-touch.css" type="text/css" id="stylesheet_file" />
    <script type="text/javascript" src="sencha-touch.js"></script>
    <script type="text/javascript">
   Ext.setup({
      onReady: function() {

      //    Ext.get('mydiv').hide();
      //    Ext.get('mydiv').fadeOut(); // fadeOut() does not exist error
      //    Ext.Anim.run(Ext.get('mydiv'), 'fade', {out:true}); // does nothing
      //    Ext.Anim.run(Ext.getDom('mydiv'), 'fade', {out:true}); // does nothing
      }
    });
    </script>
</head>
<body><div id="mydiv">hello world</div></body>
</html>

最佳答案

干得好:

          Ext.setup({
                onReady: function() {

                    var bool = true;

                    var button1 = new Ext.Button({
                        text:'Fade',
                        id:'button1',
                        handler: function(){
                            Ext.Anim.run(button2, 'fade', {
                                out: bool,
                                autoClear:false
                            });
                            bool = !bool;
                            console.log("fade end");
                        }
                      });

                    var button2 = new Ext.Button({
                        text:'Fade'
                    });

                    var toolbar = new Ext.Toolbar({
                        dock:'top',
                        title:'Fade',
                        items:[button1,{xtype:'spacer'},button2]
                    });

                    new Ext.Panel({
                        fullscreen: true,
                        dockedItems: toolbar
                    });
                }
            });

自动清除属性将使按钮在褪色后保持隐藏

关于sencha-touch - Sencha 淡入淡出效果的工作示例，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9413842/

27 4 0
文章推荐： regex - PowerShell:-replace、regex 和 ($) 美元符号问题
文章推荐： dialog - XP 中的开始和最终对话框不显示位图
文章推荐： datacontext - 在 xPages 中使用数据上下文有什么好处？
文章推荐： orchardcms - 如何在没有仪表板或命令行的情况下重新启用 Orchard CMS 功能
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com