馬老師 雲端研究室

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...

11,997 Responses

  1. Jamesempiz表示:
    2024-04-1217:11:03

    diflucan 200 mg price: diflucan 150 mg caps – generic diflucan prices

    回覆
  2. RussellVog表示:
    2024-04-1215:37:25

    cipro for sale: ciprofloxacin mail online – buy cipro cheap

    回覆
  3. ArchieAnice表示:
    2024-04-1215:25:23

    http://misoprostol.top/# buy cytotec online fast delivery

    回覆
  4. Jeromedug表示:
    2024-04-1214:07:33

    buy misoprostol over the counter cytotec online cytotec pills buy online

    回覆
  5. Jeromedug表示:
    2024-04-1213:54:21

    buy diflucan medicarions how much is diflucan diflucan 100mg

    回覆
  6. RussellVog表示:
    2024-04-1213:54:11

    buy misoprostol over the counter: cytotec abortion pill – Cytotec 200mcg price

    回覆
  7. ArchieAnice表示:
    2024-04-1213:32:38

    http://misoprostol.top/# buy cytotec online fast delivery

    回覆
  8. RussellVog表示:
    2024-04-1211:08:37

    Misoprostol 200 mg buy online: cytotec pills buy online – buy cytotec over the counter

    回覆
  9. Williampiree表示:
    2024-04-1209:40:43

    buy generic ciprofloxacin: ciprofloxacin order online – cipro 500mg best prices

    回覆
  10. RussellVog表示:
    2024-04-1209:39:20

    doxycycline 100mg online: doxycycline hydrochloride 100mg – buy doxycycline online without prescription

    回覆
  11. Jeromedug表示:
    2024-04-1207:27:30

    tamoxifen brand name nolvadex pills tamoxifen mechanism of action

    回覆
  12. Jeromedug表示:
    2024-04-1207:12:26

    how to buy diflucan over the counter where can i get diflucan where to get diflucan without a prescription

    回覆
  13. RussellVog表示:
    2024-04-1207:03:08

    generic doxycycline: buy doxycycline online – doxycycline prices

    回覆
  14. RussellVog表示:
    2024-04-1205:27:18

    ciprofloxacin 500mg buy online: ciprofloxacin – ciprofloxacin 500mg buy online

    回覆
  15. RussellVog表示:
    2024-04-1202:20:52

    hysterectomy after breast cancer tamoxifen: where to buy nolvadex – tamoxifen bone pain

    回覆
  16. RussellVog表示:
    2024-04-1200:44:09

    tamoxifen for men: does tamoxifen make you tired – tamoxifen depression

    回覆
  17. Jeromedug表示:
    2024-04-1200:35:30

    buy ciprofloxacin over the counter ciprofloxacin 500mg buy online cipro 500mg best prices

    回覆
  18. Jeromedug表示:
    2024-04-1200:21:35

    Misoprostol 200 mg buy online purchase cytotec buy cytotec in usa

    回覆
  19. RussellVog表示:
    2024-04-1122:04:28

    tamoxifen citrate: tamoxifen for breast cancer prevention – nolvadex for sale

    回覆
  20. Williampiree表示:
    2024-04-1122:00:54

    antibiotics cipro: cipro – ciprofloxacin order online

    回覆
  21. RussellVog表示:
    2024-04-1120:31:00

    generic tamoxifen: nolvadex for pct – nolvadex generic

    回覆
  22. ArchieAnice表示:
    2024-04-1118:57:22

    https://ciprofloxacin.guru/# cipro

    回覆
  23. Jeromedug表示:
    2024-04-1118:52:53

    buy cytotec online fast delivery buy cytotec pills online cheap purchase cytotec

    回覆
  24. Jeromedug表示:
    2024-04-1118:40:16

    doxycycline mono doxycycline 100mg tablets purchase doxycycline online

    回覆
  25. ArchieAnice表示:
    2024-04-1117:15:28

    https://ciprofloxacin.guru/# ciprofloxacin generic price

    回覆
  26. RussellVog表示:
    2024-04-1117:15:21

    200 mg doxycycline: buy doxycycline online without prescription – where can i get doxycycline

    回覆
  27. RussellVog表示:
    2024-04-1115:27:15

    order cytotec online: cytotec online – cytotec pills online

    回覆
  28. Jeromedug表示:
    2024-04-1113:23:03

    Abortion pills online order cytotec online Misoprostol 200 mg buy online

    回覆
  29. Jeromedug表示:
    2024-04-1113:11:20

    how to get diflucan diflucan 100 mg where can i buy diflucan without a prescription

    回覆
  30. Larrylab表示:
    2024-04-1111:50:34

    canadian pharmacies comparison CIPA approved pharmacies canadian pharmacy tampa

    回覆

發佈留言

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