Upload
inspire-digital
View
121
Download
3
Embed Size (px)
DESCRIPTION
Citation preview
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 讓捲軸在滾動的時候有前後景動的速度不一樣
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