CSS + JS

CSS+JS 的運用

CSS3 FANCY EFFECT

一頁設計通常都會撘配 Jquery 的 Scroll.to 效果

Pop 效果是搭配 Fancy Box

一頁設計 with some idea

圖片放大效果

JavaScript Image Zoom Scripts

一頁設計 with css position撘配 CSS POSITION 的 ABSOLUTE 以及 Z-INDEX

一頁設計 with css position撘配 CSS POSITION 的 ABSOLUTE 以及 Z-INDEX

撘配 JS 讓捲軸在滾動的時候有前後景動的速度不一樣

運用 js 展示網站

Css3 fancy effect sharing

CSS3 transitions andtransforms 

CSS3 text-shadow

CSS + js=>AJAX 常用框架

Jquery prototype

qooxdoo

YUIdojo

dojo ExtJS MooTools

一般市面流通的 AJAX 框架超過 30 種，每種框架各有優點。

但為避免框架間的衝突，建議每次僅使用一個。

Jquery 的範疇

Jquery Jquery UI

Other Packs

資料處理面 Client 呈現面

Jquery 常見效果

Mask

http://s3.amazonaws.com/buildinternet/live-tutorials/sliding-boxes/index.htm

http://jquery-loadmask.googlecode.com/svn/trunk/demo/index.html

Jquery 常見效果

Slider

http://addyosmani.com/resources/fluid-menu/fluid-menu.html

http://razorjack.net/quicksand/demos/one-set-clone.html

http://www.gayadesign.com/scripts/textmovingbg/

Drag N Drop

http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html

http://razorjack.net/quicksand/demos/one-set-clone.html

http://demo.marcofolio.net/polaroid_photo_viewer/

Jquery 常見呈現效果

綜合

https://buildinternet.s3.amazonaws.com/live-tutorials/postcard/index.html

http://www.digital-web.com/extras/jquery_crash_course/

http://www.filamentgroup.com/examples/charting_v2/

THANK YOU!

Inspire digital 創異數位聯絡人

Fang Yi Chang 張芳儀 ‧ 客務總監電話 : 02-7701-6199 # 274