涩兔子 发表于 2006-5-23 10:10:22

[分享]已经投入使用的Toolkit

1. Yahoo的UI Library
在公社新版下载模块的应用：

                <!-- Photo Box Show Begins -->
                
                                YAHOO.namespace("example.photobox");
                      
                                function init() {
                                        YAHOO.example.photobox.box = new YAHOO.widget.PhotoBox("win", {
                                        effect:[{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.45},{effect:YAHOO.widget.PanelEffect.BODY_EXPAND_V,duration:0.35}],
                                        fixedcenter: true, constraintoviewport: true, underlay:"none", close:true, visible:false, draggable:false, modal:true,
                                        photos:[
                                                        <{section name=key loop=$ss_list}>
                                                        <{if $smarty.section.key.last}>
                                                        {src:"<{$linuxfans_url}>/files/image/<{$ss_list[key].name}>",caption:"<{$ss_list[key].title}>"}
                                                        <{else}>
                                                        {src:"<{$linuxfans_url}>/files/image/<{$ss_list[key].name}>",caption:"<{$ss_list[key].title}>"},
                                                        <{/if}>
                                                        <{/section}>
                                                        ], width:"500px"}      
                                                        );
                                        YAHOO.example.photobox.box.render();
                                }
                      
                                YAHOO.util.Event.addListener(window, "load", init);
                
                <div id="win">
                                <div class="hd"><div class="lt"></div><span id="win_title"></span><div class="rt"></div></div>
                                <div class="bd">
                                        <img id="win_img" src="#" width="500"/>
                                </div>
                      </div>
                </div>
                <!-- Photo Box Show Ends -->


2. script.aculo.us在特效上的处理，在

                               
                                new Ajax.InPlaceEditor($('filename'), 'ajax.php?action=edit_file', {
                                              callback: function(form, value) { return '&fid=<{$file.fid}>&filed=filename&value=' + encodeURIComponent(value) }
                                        });
                               

等Ajax.InPlaceEditor上的应用

3. GWT - Google Web Toolkit，在Jackey大哥二次开发Nutch的UI上会大量使用

liuspider 发表于 2006-5-25 10:34:43

you may give dojo a try

涩兔子 发表于 2006-5-25 12:55:42

嗯，我和Fans分享过一些Ajax Library，有需求机会一定体验一下dojo :mrgreen:
页: [1]
查看完整版本: [分享]已经投入使用的Toolkit