基礎技術

jQuery

表單、上傳檔案

• http://www.phpletter.com/Our-Projects/AjaxFileUpload/
• jQuery Form Plugin http://jquery.malsup.com/form/

從 WebCam 拍照上傳

• http://tutorialzine.com/2011/04/jquery-webcam-photobooth/
• http://code.google.com/p/jpegcam/

UI

• jQuery UI http://jqueryui.com/home

疑難雜症

• 套件衝突 http://blog.roodo.com/pokey/archives/16783815.html
• jQuery .html() Chrome 無法運作，有可能是 HTML 結構不完整導致，相同程式碼 Firefox 有可能可以正常運作 (Mozilla Firefox 3.6.9)

HTML

影像連結地圖
<img src="file:///C|/Users/hoyo/Downloads/62rbn00025pl.jpg" width="800" height="600" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="514,69,716,187" href="#aaa"/>
http://wap.w3schools.com/tags/tag_area.asp

1. 圖片連結地圖

• http://abhinavsingh.com/blog/2009/03/using-image-maps-in-javascript-a-demo-application/
• http://www.jjquery.com/article-683-1.html
• 標記 http://davidlynch.org/projects/maphilight/docs/#maphilight
• imgAreaSelect Examples http://odyniec.net/projects/imgareaselect/examples.html

2. 固定區塊

• http://abgne.tw/jquery/apply-jquery/apple-store-scroll-fixed-shopping-list.html

1. 圖片連結地圖

• http://abhinavsingh.com/blog/2009/03/using-image-maps-in-javascript-a-demo-application/
• http://www.jjquery.com/article-683-1.html

標記

• http://davidlynch.org/projects/maphilight/docs/#maphilight
• imgAreaSelect Examples http://odyniec.net/projects/imgareaselect/examples.html

2. 固定區塊

• http://abgne.tw/jquery/apply-jquery/apple-store-scroll-fixed-shopping-list.html

縮圖 CSS 美化

• http://webdesignerwall.com/tutorials/css-decorative-gallery
• http://www.cnblogs.com/lhb25/archive/2011/04/18/2001076.html

 17,478 total views,  2 views today