馬老師 雲端研究室

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,006 Responses

  1. Josephfub表示:
    2024-09-1613:47:50

    world pharmacy india indian pharmacy best online pharmacy india

    回覆
  2. Josephfub表示:
    2024-09-1613:04:35

    mexican pharmaceuticals online reputable mexican pharmacies online mexican pharmaceuticals online

    回覆
  3. rylonnie shtori s elektroprivodom_khpa表示:
    2024-09-1611:28:01

    рулонные электрошторы рулонные электрошторы .

    回覆
  4. ремонт бытовой техники пермь表示:
    2024-09-1607:59:54

    Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники в перми

    回覆
  5. MauriceGueda表示:
    2024-09-1605:43:34

    indian pharmacies safe: cheapest online pharmacy india – Online medicine home delivery

    回覆
  6. RobertMef表示:
    2024-09-1605:17:00

    mexican drugstore online: mexican drugstore online – mexican drugstore online

    回覆
  7. MauriceGueda表示:
    2024-09-1604:45:02

    buying prescription drugs in mexico: mexico drug stores pharmacies – mexico drug stores pharmacies

    回覆
  8. ArthurKib表示:
    2024-09-1603:35:00

    https://pharmbig24.online/# pharmacy rx one viagra

    回覆
  9. Josephfub表示:
    2024-09-1603:11:03

    mexico drug stores pharmacies mexican border pharmacies shipping to usa purple pharmacy mexico price list

    回覆
  10. Josephfub表示:
    2024-09-1602:27:51

    best online pharmacies in mexico п»їbest mexican online pharmacies п»їbest mexican online pharmacies

    回覆
  11. DouglasHoapy表示:
    2024-09-1522:37:34

    промокод бонус 1xbet
    A 1xBet promo code is a special code that users can enter to receive bonuses such as free bets, deposit bonuses, or other rewards. These codes are often provided as part of welcome offers, special promotions, or affiliate partnerships.

    回覆
  12. ArthurKib表示:
    2024-09-1521:40:26

    https://pharmbig24.com/# adipex online us pharmacy

    回覆
  13. RobertMef表示:
    2024-09-1519:08:53

    reputable indian online pharmacy: best online pharmacy india – buy prescription drugs from india

    回覆
  14. Josephfub表示:
    2024-09-1516:46:19

    rx pharmacy discount card erectile dysfunction treatment most trusted online pharmacy

    回覆
  15. Josephfub表示:
    2024-09-1516:04:26

    mexico pharmacies prescription drugs mexican mail order pharmacies mexican mail order pharmacies

    回覆
  16. Biznes idei_temi表示:
    2024-09-1515:30:35

    идеи бизнеса идеи бизнеса .

    回覆
  17. MauriceGueda表示:
    2024-09-1515:26:54

    purple pharmacy mexico price list: mexican mail order pharmacies – mexican mail order pharmacies

    回覆
  18. Porolon mebelnii_gmma表示:
    2024-09-1515:22:22

    мебельный поролон для дивана мебельный поролон для дивана .

    回覆
  19. MauriceGueda表示:
    2024-09-1514:28:04

    indianpharmacy com: india pharmacy mail order – best india pharmacy

    回覆
  20. Biznes idei_qcEn表示:
    2024-09-1513:38:06

    идеи для бизнеса идеи для бизнеса .

    回覆
  21. ремонт бытовой техники в казани表示:
    2024-09-1513:11:28

    Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: ремонт крупногабаритной техники в казани
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

    回覆
  22. Ремонт стиральных машин表示:
    2024-09-1513:01:22

    Профессиональный сервисный центр по ремонту стиральных машин с выездом на дом по Москве.
    Мы предлагаем: цены на ремонт стиральных машин в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

    回覆
  23. ArthurKib表示:
    2024-09-1512:04:41

    https://mexicopharmacy.cheap/# pharmacies in mexico that ship to usa

    回覆
  24. Gpwkhs表示:
    2024-09-1510:36:17

    lioresal pill – buy feldene 20 mg sale feldene online

    回覆
  25. RobertMef表示:
    2024-09-1509:01:42

    india pharmacy mail order: pharmacy website india – online shopping pharmacy india

    回覆
  26. ArthurKib表示:
    2024-09-1506:10:30

    http://pharmbig24.com/# topamax online pharmacy

    回覆
  27. Josephfub表示:
    2024-09-1506:07:00

    world pharmacy india best india pharmacy cheapest online pharmacy india

    回覆
  28. Josephfub表示:
    2024-09-1505:24:04

    mexican mail order pharmacies п»їbest mexican online pharmacies pharmacies in mexico that ship to usa

    回覆
  29. MauriceGueda表示:
    2024-09-1501:09:36

    buying prescription drugs in mexico online: mexican pharmaceuticals online – mexican online pharmacies prescription drugs

    回覆
  30. MauriceGueda表示:
    2024-09-1500:11:53

    mexican online pharmacies prescription drugs: purple pharmacy mexico price list – purple pharmacy mexico price list

    回覆

發佈留言

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