馬老師 雲端研究室

Passion inspires professional

馬老師 雲端研究室

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

by · 2011-09-08

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

Apple 官網產品介紹頁面截圖

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

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

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

Tags:

You may also like...

12,024 Responses

  1. RobertVex表示:
    2024-03-3100:29:00

    canadian pharmacy no scripts: Prescription Drugs from Canada – canadian pharmacy service

    回覆
  2. Edwardalorp表示:
    2024-03-3023:09:25

    mexico pharmacy mexico pharmacy best online pharmacies in mexico

    回覆
  3. Edwardalorp表示:
    2024-03-3022:56:47

    п»їlegitimate online pharmacies india Healthcare and medicines from India buy prescription drugs from india

    回覆
  4. StephenDeery表示:
    2024-03-3022:50:46

    Российский производитель предлагает разборные гантели https://gantel-razbornaya.ru/ – у нас найдете объемный объем вариантов. Комфортные снаряды дают эффективно выполнять силовые тренировки в любом месте. Спортивные снаряды отличаются удобством, универсальностью в эксплуатации.  Организация продуктивно испытывает и осуществляет инновационные технологии, чтобы исполнить тренировочные мечты новых тренирующихся.  В выпуске надежных снарядов реализуются инновационные марки металла. Достойный каталог интернет-магазина изделий позволяет приобрести разборные гантели для продуктивной программы занятий. Для домашних занятий – это приятный инвентарь с маленькими габаритами и значительной фунциональности.

    回覆
  5. MichaelFedly表示:
    2024-03-3021:31:43

    https://indianpharmacy.icu/# online shopping pharmacy india

    回覆
  6. MichaelFedly表示:
    2024-03-3020:20:24

    https://mexicanpharmacy.shop/# mexican border pharmacies shipping to usa

    回覆
  7. Edwardalorp表示:
    2024-03-3017:34:56

    onlinecanadianpharmacy canadian pharmacy 24 canadian pharmacy 365

    回覆
  8. Edwardalorp表示:
    2024-03-3017:23:02

    canadian pharmacy meds review Certified Canadian Pharmacy northern pharmacy canada

    回覆
  9. Keithadoms表示:
    2024-03-3013:57:58

    https://pinupgiris.fun/# pin up casino

    回覆
  10. Robertevend表示:
    2024-03-3013:33:48

    http://sweetbonanza.bid/# sweet bonanza kazanç

    回覆
  11. Williamfer表示:
    2024-03-3012:49:13

    bonus veren slot siteleri: en guvenilir slot siteleri – en guvenilir slot siteleri

    回覆
  12. Williamfer表示:
    2024-03-3010:58:40

    aviator oyna 20 tl: aviator ucak oyunu – aviator oyunu 50 tl

    回覆
  13. Robertevend表示:
    2024-03-3010:36:32

    http://aviatoroyna.bid/# aviator sinyal hilesi ücretsiz

    回覆
  14. Robertevend表示:
    2024-03-3008:54:54

    https://slotsiteleri.guru/# deneme bonusu veren slot siteleri

    回覆
  15. Franksib表示:
    2024-03-3008:25:10

    en yeni slot siteleri: deneme bonusu veren siteler – slot siteleri bonus veren

    回覆
  16. Robertevend表示:
    2024-03-3005:57:43

    http://sweetbonanza.bid/# sweet bonanza slot

    回覆
  17. Robertevend表示:
    2024-03-3004:04:30

    http://sweetbonanza.bid/# sweet bonanza bahis

    回覆
  18. Franksib表示:
    2024-03-3001:32:20

    aviator ucak oyunu: aviator nas?l oynan?r – aviator sinyal hilesi ucretsiz

    回覆
  19. Robertevend表示:
    2024-03-3000:45:31

    http://gatesofolympus.auction/# gates of olympus taktik

    回覆
  20. Williamfer表示:
    2024-03-2923:04:05

    pin up casino: pin up casino – pin up casino giris

    回覆
  21. Robertevend表示:
    2024-03-2922:53:28

    https://aviatoroyna.bid/# aviator oyunu giris

    回覆
  22. Williamfer表示:
    2024-03-2921:51:28

    pin-up bonanza: pin-up casino giris – pin-up giris

    回覆
  23. Robertevend表示:
    2024-03-2919:44:58

    https://sweetbonanza.bid/# sweet bonanza yorumlar

    回覆
  24. Keithadoms表示:
    2024-03-2918:04:11

    http://slotsiteleri.guru/# slot kumar siteleri

    回覆
  25. Robertevend表示:
    2024-03-2917:50:10

    http://aviatoroyna.bid/# aviator

    回覆
  26. Keithadoms表示:
    2024-03-2916:57:10

    https://gatesofolympus.auction/# gates of olympus guncel

    回覆
  27. Robertevend表示:
    2024-03-2915:10:26

    https://gatesofolympus.auction/# gates of olympus slot

    回覆
  28. Robertevend表示:
    2024-03-2913:37:49

    https://aviatoroyna.bid/# aviator oyna slot

    回覆
  29. Franksib表示:
    2024-03-2912:20:48

    en cok kazandiran slot siteleri: en iyi slot siteleri – guvenilir slot siteleri

    回覆
  30. Robertevend表示:
    2024-03-2911:05:45

    https://gatesofolympus.auction/# gates of olympus taktik

    回覆

發佈留言

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