馬老師 雲端研究室

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

6,893 Responses

  1. WilliamUnego表示:
    2022-10-1520:39:29

    https://canadian-pharmacy.shop/# legit canadian pharmacy

    回覆
  2. Hillfut表示:
    2022-10-1518:55:01

    darknet market list 2022 dark markets colombia

    回覆
  3. Xpdgqw表示:
    2022-10-1518:40:40

    cephalexin 125mg cost order erythromycin 250mg sale erythromycin uk

    回覆
  4. casino online表示:
    2022-10-1512:37:57

    It’s the same topic , but I was quite surprised to see the opinions I didn’t think of. My blog also has articles on these topics, so I look forward to your visit. casino online

    回覆
  5. GeorgeCer表示:
    2022-10-1501:06:50

    natural ed remedies gnc ed pills

    回覆
  6. ShelbyJaf表示:
    2022-10-1500:43:48

    https://canadian-pharmacy.shop/# canadadrugpharmacy com

    回覆
  7. Alvinpoiva表示:
    2022-10-1423:42:40

    escrow pharmacy canada canadian pharmacy meds review

    回覆
  8. Manuelvep表示:
    2022-10-1419:16:42

    https://viagravgr.best/# how much is viagra

    回覆
  9. StevenLouts表示:
    2022-10-1413:36:01

    Türkiye Haberleri

    回覆
  10. WilliamUnego表示:
    2022-10-1408:37:15

    https://canadian-pharmacy.shop/# my canadian pharmacy reviews

    回覆
  11. no prescription canadian pharmacy表示:
    2022-10-1402:52:07

    canadian pharmacy no rx

    回覆
  12. Enummap表示:
    2022-10-1402:38:49

    Elvin jNsTnUahfPdPj 5 21 2022 buy cialis online prescription Postoperatively, anastrozole an aromatase inhibiter was substituted for tamoxifen as adjuvant therapy for her breast cancer

    回覆
  13. Brianjaf表示:
    2022-10-1323:40:57

    https://amoxil.best/# amoxicillin 500mg no prescription

    回覆
  14. Walterrinia表示:
    2022-10-1323:28:23

    https://zithromax.best/# buy generic zithromax no prescription

    回覆
  15. NormanVok表示:
    2022-10-1319:36:31

    https://buydoxycycline.icu/# where to get doxycycline

    回覆
  16. Xuaneeffib表示:
    2022-10-1317:41:32

    bitcoin prime canada bitcoin up app bitcoin prime canada

    回覆
  17. Omwuoe表示:
    2022-10-1313:17:09

    augmentin 375mg us trimethoprim uk bactrim cost

    回覆
  18. Rickyjaick表示:
    2022-10-1311:51:59

    https://buytadalafil.icu/# tadalafil online australia

    回覆
  19. PABAKAWLBIXph表示:
    2022-10-1308:18:05

    cheap lyrica for sale lyrica without dr prescription buy cheap lyrica without prescription

    回覆
  20. Easterpisn表示:
    2022-10-1306:57:10

    customer service essays
    help 123 essay
    i need help writing a essay

    回覆
  21. RichardEnect表示:
    2022-10-1306:30:58

    buy doxycycline cheap zithromax antibiotic without prescription

    回覆
  22. PABAKAWLBIXqk表示:
    2022-10-1300:25:42

    cheap lyrica tablets get generic lyrica without insurance how to buy pregabalin without prescription

    回覆
  23. Brianjaf表示:
    2022-10-1223:57:04

    https://amoxil.best/# amoxicillin generic brand

    回覆
  24. NormanVok表示:
    2022-10-1216:02:23

    https://amoxil.best/# amoxicillin generic brand

    回覆
  25. Dvtwxg表示:
    2022-10-1212:15:09

    order ampicillin 250mg online flagyl without prescription buy metronidazole 400mg online cheap

    回覆
  26. Walterrinia表示:
    2022-10-1211:04:55

    https://amoxil.best/# buy amoxicillin online mexico

    回覆
  27. Rickyjaick表示:
    2022-10-1210:54:49

    https://buytadalafil.icu/# generic tadalafil 10mg

    回覆
  28. Easterpisn表示:
    2022-10-1210:48:47

    buy essays
    buy custom essays
    essay writing helper

    回覆
  29. best online pharmacy no prescription表示:
    2022-10-1207:55:44

    canadian pharmacy presription and meds

    回覆
  30. RichardEnect表示:
    2022-10-1206:42:22

    amoxicillin 500mg prescription amoxicillin 500 mg purchase without prescription

    回覆

發佈留言

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