|
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上会大量使用 |
|