QQ登录

只需一步,快速开始

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2415|回复: 2

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

[复制链接]
发表于 2006-5-23 10:10:22 | 显示全部楼层 |阅读模式
1. Yahoo的UI Library
在公社新版下载模块的应用:
[code:1]
                  <!-- 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 -->
[/code:1]

2. script.aculo.us在特效上的处理,在
[code:1]
                               
                                new Ajax.InPlaceEditor($('filename'), 'ajax.php?action=edit_file', {
                                                callback: function(form, value) { return '&fid=<{$file.fid}>&filed=filename&value=' + encodeURIComponent(value) }
                                        });
                               
[/code:1]
Ajax.InPlaceEditor上的应用

3. GWT - Google Web Toolkit,在Jackey大哥二次开发Nutch的UI上会大量使用
发表于 2006-5-25 10:34:43 | 显示全部楼层
you may give dojo a try
回复

使用道具 举报

 楼主| 发表于 2006-5-25 12:55:42 | 显示全部楼层
嗯,我和Fans分享过一些Ajax Library,有需求机会一定体验一下dojo
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

GMT+8, 2024-3-28 20:13 , Processed in 0.075497 second(s), 15 queries .

© 2021 Powered by Discuz! X3.5.

快速回复 返回顶部 返回列表