馬老師 雲端研究室

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

  1. Barrybib表示:
    2025-01-0723:33:07

    buying ed pills online: fast pills easy – best online ed pills

    回覆
  2. Donaldabula表示:
    2025-01-0723:24:08

    buy erectile dysfunction pills fast pills easy cheap erection pills

    回覆
  3. Charlesbot表示:
    2025-01-0722:51:53

    https://fastpillsformen.com/# Cheapest Sildenafil online

    回覆
  4. Charlesbot表示:
    2025-01-0721:27:37

    https://fastpillseasy.com/# ed medicines online

    回覆
  5. RogerFaf表示:
    2025-01-0721:15:41

    https://fastpillseasy.com/# erectile dysfunction online prescription

    回覆
  6. Carmineawarl表示:
    2025-01-0720:03:58

    ссылка на blacksprut в тор

    回覆
  7. MariosTamy表示:
    2025-01-0719:58:51

    kraken 12

    回覆
  8. NelsonVah表示:
    2025-01-0719:56:54

    Зеркало BlackSprut 2кмп

    回覆
  9. Barrybib表示:
    2025-01-0719:36:52

    Buy Viagra online cheap: Fast Pills For Men – best price for viagra 100mg

    回覆
  10. Brianchoky表示:
    2025-01-0713:31:20

    https://canadianpharmacy.win/# canadianpharmacymeds

    回覆
  11. Jamestus表示:
    2025-01-0713:16:35

    india pharmacy online pharmacy india Online medicine home delivery

    回覆
  12. ClaytonGauct表示:
    2025-01-0712:58:39

    world pharmacy india: india online pharmacy – indian pharmacy online

    回覆
  13. Jamesknowl表示:
    2025-01-0712:30:31

    http://mexicanpharmacy.store/# reputable mexican pharmacies online

    回覆
  14. canadiandrugstore com表示:
    2025-01-0712:04:38

    list of canada online pharmacies

    回覆
  15. ClaytonGauct表示:
    2025-01-0710:58:50

    buying prescription drugs in mexico online: п»їbest mexican online pharmacies – buying from online mexican pharmacy

    回覆
  16. Brianchoky表示:
    2025-01-0710:43:56

    https://mexicanpharmacy.store/# pharmacies in mexico that ship to usa

    回覆
  17. kazino_sael表示:
    2025-01-0710:30:19

    Ваша удача ждет вас в онлайн казино, где ставки высоки.
    Попробуйте свои силы вместе с нами, и ощутите атмосферу азарта и волнения.
    Обнаружьте свое новое казино онлайн, и начните зарабатывать уже сегодня.
    Играйте и побеждайте в режиме живого казино, не выходя из дома.
    Ставьте на победу с нашими играми, и почувствуйте себя настоящим чемпионом.
    Насладитесь игровым процессом вместе с игроками со всех уголков планеты, и станьте лучшим из лучших.
    Начните играть и получите ценные подарки, которые сделают вашу игру еще более увлекательной.
    Почувствуйте свободу и возможность выбора в каждой игре, и наслаждайтесь бесконечными возможностями.
    Получите доступ к уникальным играм и выигрывайте крупные суммы, сделав всего несколько кликов мыши.
    онлайн казино казино онлайн беларусь .

    回覆
  18. LarryHom表示:
    2025-01-0709:25:46

    https://indianpharmacy.win/# indian pharmacy

    回覆
  19. Jamestus表示:
    2025-01-0708:59:17

    online shopping pharmacy india п»їlegitimate online pharmacies india Online medicine order

    回覆
  20. Jamesknowl表示:
    2025-01-0706:05:13

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

    回覆
  21. Jamesknowl表示:
    2025-01-0704:19:09

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

    回覆
  22. Brianchoky表示:
    2025-01-0703:47:51

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

    回覆
  23. ClaytonGauct表示:
    2025-01-0702:23:58

    online pharmacy india: indian pharmacy paypal – best online pharmacy india

    回覆
  24. Jamesknowl表示:
    2025-01-0702:14:47

    https://indianpharmacy.win/# top 10 pharmacies in india

    回覆
  25. ClaytonGauct表示:
    2025-01-0700:25:44

    best canadian pharmacy to buy from: canadian pharmacy win – canadian drug pharmacy

    回覆
  26. Jamestus表示:
    2025-01-0623:32:55

    canadian online pharmacy reviews canadian pharmacy checker thecanadianpharmacy

    回覆
  27. Brianchoky表示:
    2025-01-0623:23:35

    https://indianpharmacy.win/# pharmacy website india

    回覆
  28. LarryHom表示:
    2025-01-0623:12:41

    http://mexicanpharmacy.store/# buying from online mexican pharmacy

    回覆
  29. Jamestus表示:
    2025-01-0622:25:57

    canadian world pharmacy best online canadian pharmacy canadian neighbor pharmacy

    回覆
  30. Brianchoky表示:
    2025-01-0622:23:49

    http://canadianpharmacy.win/# legitimate canadian online pharmacies

    回覆

發佈留言

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