使用者工具

網站工具


webdesign:ajax

AJAX

PHP Ajax Frameworks

Ext JS

TinyMCE

http://tinymce.moxiecode.com/

Javascript WYSIWYG Editor

ajaxload.info

可以製作各種圖示,讓人覺得 ajax 有在執行

http://www.ajaxload.info/

http://www.napyfab.com/ajax-indicators/

Full-Duplex Ajax (FdAjax)

MiniAjax

http://www.miniajax.com/

A showroom of nice looking simple downloadable DHTML and AJAX scripts

BFade

淡入淡出特效

http://163.18.22.25/BFade/

Round-up of 50 AJAX Toolkits and Frameworks

PHP Ajax Frameworks CHT

Examples

「網頁載入中,請稍候...」的簡單作法

http://blog.xuite.net/emisjerry/tech/11384659

<div id="divLoading"
    style="border:3px blue solid;background-color:#ba2a4a;color:white;position:absolute;top:-50px;left:350px;width:250px;height:50px;z-order=0">
  <img src="http://b.blog.xuite.net/b/3/a/c/11893557/blog_10351/txt/11293067/7.gif"
       style="vertical-align:middle;padding:6px"/>
  網頁載入中,請稍候...
</div>

最後在任何一個自由欄位裡設定window.onload事件,在此事件裡把顯示出來的區域(divLoading)的顯示樣式變成 “none”,則「載入中」的框框就消失了。

<script>
  function init( ) {
    // .... 其他指令
    _oTag = document.getElementById("divLoading");
    _oTag.style.display = "none";  // hide it.
  }

  if (window.attachEvent) {
    window.attachEvent('onload', init);
  } else {
    window.addEventListener('load', init, false);
  }
</script>

Ajax dynamic articles

80+ AJAX-Solutions For Professional Coding

Ajax Rain

10 AJAX Effects to Boost Your Website’s Fanciness Factor

80 AJAX solutions that are excellent and usefull

webdesign/ajax.txt · 上一次變更: 2010/11/17 22:39 由 wenpei