jQuery範例 – Apple產品導覽介面製作

這次的jQuery應用範例要來試做的是Apple官方網頁上面有關產品介紹的介面。

Apple 官網產品介紹頁面截圖

主要用到的圖檔除了各產品的照片之外,就只有兩張,一個是底部的漸層,另一個是三角形箭頭。

另外當然是用到了jQuery和CSS的語法,CSS中有3.0的語法,所以圓角、陰影…等都不是圖檔構成,有想要研究的可以看看馬老師製作的範例檔下載)、範例檔2下載),大家看完後有任何問題歡迎在此回應,謝謝!

註:本範例所使用的圖片版權屬於Apple與Adobe公司所有。

You may also like...

12,012 Responses

  1. RobertRix表示:

    http://clomidall.shop/# where to buy clomid without insurance

  2. RobertRix表示:

    https://zithromaxall.shop/# zithromax 500 mg for sale

  3. DavidRuils表示:

    zithromax over the counter uk: zithromax 1000 mg pills – zithromax cost canada

  4. DavidRuils表示:

    where can i get amoxicillin: amoxicillin 500 mg for sale – amoxicillin over counter

  5. RobertRix表示:

    http://zithromaxall.com/# buy zithromax no prescription

  6. DavidrAilk表示:

    can i purchase prednisone without a prescription buy prednisone online paypal prednisone coupon

  7. DavidrAilk表示:

    can you buy zithromax over the counter in canada zithromax online pharmacy canada zithromax buy online

  8. JamesGonRy表示:

    https://amoxilall.shop/# amoxicillin capsule 500mg price

  9. RobertRix表示:

    https://clomidall.shop/# get clomid without a prescription

  10. RobertRix表示:

    http://clomidall.com/# can i purchase clomid without rx

  11. RobertRix表示:

    http://zithromaxall.shop/# zithromax for sale us

  12. Edwardjem表示:

    rexall pharmacy amoxicillin 500mg: where can i get amoxicillin – how much is amoxicillin

  13. DavidrAilk表示:

    can i buy cheap clomid buy generic clomid without insurance can i get generic clomid pills

  14. DavidrAilk表示:

    generic amoxicillin 500mg amoxicillin 500mg capsule buy online amoxicillin 500 coupon

  15. RobertRix表示:

    https://amoxilall.shop/# amoxicillin 500mg

  16. Edwardjem表示:

    can i order cheap clomid without a prescription: can you get clomid without dr prescription – get cheap clomid online

  17. RobertRix表示:

    http://amoxilall.shop/# amoxicillin for sale

  18. RobertRix表示:

    http://amoxilall.com/# amoxicillin 500 mg online

  19. DavidrAilk表示:

    amoxicillin tablet 500mg buy amoxicillin online without prescription where can i buy amoxocillin

  20. JamesGonRy表示:

    http://amoxilall.com/# cost of amoxicillin 875 mg

  21. DavidrAilk表示:

    amoxicillin over the counter in canada amoxicillin 500mg cost amoxicillin 500mg capsule buy online

  22. RobertRix表示:

    https://amoxilall.com/# amoxicillin pills 500 mg

  23. Dsdcgy表示:

    augmentin 1000mg cheap – buy bactrim 960mg pill purchase ciprofloxacin pills

  24. RobertRix表示:

    https://zithromaxall.shop/# zithromax cost canada

  25. RobertRix表示:

    http://amoxilall.shop/# where can i buy amoxicillin over the counter uk

  26. DavidRuils表示:

    amoxicillin buy no prescription: amoxicillin price canada – amoxicillin discount coupon

  27. RobertRix表示:

    https://clomidall.shop/# cost cheap clomid

  28. DavidrAilk表示:

    cost clomid how to buy generic clomid online can i buy clomid online

  29. DavidrAilk表示:

    where buy generic clomid can i order clomid pill where to buy generic clomid without prescription

  30. DavidRuils表示:

    cheap prednisone online: prednisone 10mg tablets – prednisone drug costs

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。