馬老師 雲端研究室

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

13,627 Responses

  1. RobertPap表示:
    2025-01-0518:51:34

    Le code promo 1xBet 2025: 1XNEW25, saississez-le lors de votre inscription pour recevoir un bonus jusqu’a $130 sur le sport. Vous pourrez aussi obtenir jusqu’a $1,500 et 150 tours gratuits sur le casino. 1xBet propose jusqu’a $130 de freebets selon le montant de votre premier depot sur les paris sportifs. Parmi eux, le bonus de bienvenue, reserve aux nouveaux inscrits sur la plateforme. Cette plateforme est classee parmi les leaders en Afrique et a travers le monde. Elle vous offre les meilleures options pour vos paris, y compris la diffusion en direct des matchs sans frais supplementaires.

    1xbet inscription

    Utilisez le code promo 1xBet: “1XNEW25” en 2025. Vous pourrez debloquer un bonus de bienvenue jusqu’a $130 sur les paris sportifs. Et n’oubliez pas que 1xBet offre une belle opportunite a tous les nouveaux clients. En utilisant ce code lors de votre inscription, pourrez recuperer jusqu’a $130 sur le sport et jusqu’a $1,500 en freebets et 150 tours gratuits sur le casino en ligne. Pour profiter de ce bonus exceptionnel, il vous suffit d’effectuer votre premier depot. Celui-ci vous donne droit a un bonus de 100% du montant depose, jusqu’a un maximum de $130, ou l’equivalent dans votre devise.

    回覆
  2. Jamesknowl表示:
    2025-01-0518:38:37

    http://indianpharmacy.win/# indian pharmacies safe

    回覆
  3. ClaytonGauct表示:
    2025-01-0518:11:19

    canadian drugstore online: best canadian online pharmacy – canadian pharmacy india

    回覆
  4. Brianchoky表示:
    2025-01-0517:58:08

    https://canadianpharmacy.win/# canadian world pharmacy

    回覆
  5. Jamestus表示:
    2025-01-0517:23:34

    mexican online pharmacies prescription drugs mexican mail order pharmacies mexican border pharmacies shipping to usa

    回覆
  6. BarryHag表示:
    2025-01-0517:02:46

    Codigo promocional 1xBet 2025: 1XBONO25 ao se inscrever para um Bonus de boas-vindas para novos jogadores 100% hasta 130€ en apuestas deportivas. Es importante saber que el codigo promocional 1xBet ofrece a los usuarios acceso a un unico bono de bienvenida. Este debe ser seleccionado al momento del registro y estara activo al momento de hacer el primer deposito.

    https://manteigariasilva.pt/images/pgs/codigo_promocional-1xbet_bono.html – codigo promocional 1xbet 2025

    El codigo promocional 1xBet: 1XBONO25, valido 2025, debe ser ingresado al momento de realizar la inscripcion en el operador para conseguir el bono de bienvenida para apuestas deportivas o casino 1xbet. En caso de tener problemas con el uso del codigo promocional 1xBet, los usuarios pueden contactar al servicio al cliente.

    回覆
  7. Jamestus表示:
    2025-01-0516:16:15

    cheapest online pharmacy india Online medicine order mail order pharmacy india

    回覆
  8. ClaytonGauct表示:
    2025-01-0516:11:09

    pharmacy canadian: canadian mail order pharmacy – thecanadianpharmacy

    回覆
  9. LarryHom表示:
    2025-01-0515:48:20

    https://canadianpharmacy.win/# escrow pharmacy canada

    回覆
  10. NestorVocky表示:
    2025-01-0514:30:20

    Le code promo 1xBet 2025: 1XNEW25, saississez-le lors de votre inscription pour recevoir un bonus jusqu’a $130 sur le sport. Vous pourrez aussi obtenir jusqu’a $1,500 et 150 tours gratuits sur le casino. 1xBet propose jusqu’a $130 de freebets selon le montant de votre premier depot sur les paris sportifs. Parmi eux, le bonus de bienvenue, reserve aux nouveaux inscrits sur la plateforme. Cette plateforme est classee parmi les leaders en Afrique et a travers le monde. Elle vous offre les meilleures options pour vos paris, y compris la diffusion en direct des matchs sans frais supplementaires.

    https://www.woodsurfer.com/wp-content/articles/?le-code-promo-1xbet_bonus.html – code promo 1xbet benin

    Utilisez le code promo 1xBet: “1XNEW25” en 2025. Vous pourrez debloquer un bonus de bienvenue jusqu’a $130 sur les paris sportifs. Et n’oubliez pas que 1xBet offre une belle opportunite a tous les nouveaux clients. En utilisant ce code lors de votre inscription, pourrez recuperer jusqu’a $130 sur le sport et jusqu’a $1,500 en freebets et 150 tours gratuits sur le casino en ligne. Pour profiter de ce bonus exceptionnel, il vous suffit d’effectuer votre premier depot. Celui-ci vous donne droit a un bonus de 100% du montant depose, jusqu’a un maximum de $130, ou l’equivalent dans votre devise.

    回覆
  11. LarryHom表示:
    2025-01-0514:04:02

    https://mexicanpharmacy.store/# medication from mexico pharmacy

    回覆
  12. Brianchoky表示:
    2025-01-0513:45:57

    https://mexicanpharmacy.store/# mexico drug stores pharmacies

    回覆
  13. Jamesknowl表示:
    2025-01-0511:37:37

    https://canadianpharmacy.win/# canadian valley pharmacy

    回覆
  14. Jamestus表示:
    2025-01-0511:35:00

    india pharmacy mail order Online medicine home delivery indian pharmacies safe

    回覆
  15. Brianchoky表示:
    2025-01-0511:11:17

    https://mexicanpharmacy.store/# п»їbest mexican online pharmacies

    回覆
  16. Jamesknowl表示:
    2025-01-0509:45:39

    https://canadianpharmacy.win/# pharmacy canadian

    回覆
  17. Jamesknowl表示:
    2025-01-0507:44:22

    http://indianpharmacy.win/# indian pharmacy

    回覆
  18. ClaytonGauct表示:
    2025-01-0507:09:23

    pharmacies in mexico that ship to usa: buying prescription drugs in mexico online – п»їbest mexican online pharmacies

    回覆
  19. Brianchoky表示:
    2025-01-0506:56:12

    http://indianpharmacy.win/# indian pharmacies safe

    回覆
  20. ClaytonGauct表示:
    2025-01-0505:04:53

    reputable canadian online pharmacies: best canadian online pharmacy – canadian pharmacy online reviews

    回覆
  21. LarryHom表示:
    2025-01-0504:56:54

    http://canadianpharmacy.win/# canadian pharmacy 365

    回覆
  22. Trefpwu表示:
    2025-01-0504:55:25

    Полезные советы по безопасной покупке диплома о высшем образовании

    回覆
  23. Darrylvielf表示:
    2025-01-0503:55:57

    Codigo promocional 1xBet 2025: 1XBONO25 ao se inscrever para um Bonus de boas-vindas para novos jogadores 100% hasta 130€ en apuestas deportivas. Es importante saber que el codigo promocional 1xBet ofrece a los usuarios acceso a un unico bono de bienvenida. Este debe ser seleccionado al momento del registro y estara activo al momento de hacer el primer deposito.

    https://www.kallas.com.br/wp-content/pgs/1xbet_promocionais_brasil.html – codigo promocional 1xbet 2025

    El codigo promocional 1xBet: 1XBONO25, valido 2025, debe ser ingresado al momento de realizar la inscripcion en el operador para conseguir el bono de bienvenida para apuestas deportivas o casino 1xbet. En caso de tener problemas con el uso del codigo promocional 1xBet, los usuarios pueden contactar al servicio al cliente.

    回覆
  24. LarryHom表示:
    2025-01-0503:26:15

    http://mexicanpharmacy.store/# purple pharmacy mexico price list

    回覆
  25. Jamestus表示:
    2025-01-0501:54:21

    top online pharmacy india online shopping pharmacy india cheapest online pharmacy india

    回覆
  26. Jamesknowl表示:
    2025-01-0500:55:54

    https://canadianpharmacy.win/# my canadian pharmacy review

    回覆
  27. Jamestus表示:
    2025-01-0500:47:01

    world pharmacy india buy medicines online in india india online pharmacy

    回覆
  28. Brianchoky表示:
    2025-01-0500:09:45

    http://indianpharmacy.win/# indian pharmacy online

    回覆
  29. Jamesknowl表示:
    2025-01-0423:04:42

    http://mexicanpharmacy.store/# mexican online pharmacies prescription drugs

    回覆
  30. Brianchoky表示:
    2025-01-0421:32:55

    http://mexicanpharmacy.store/# mexican mail order pharmacies

    回覆

發佈留言

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