jQuery範例 – Apple產品導覽介面製作

這次的jQuery應用範例要來試做的是Apple官方網頁上面有關產品介紹的介面。

Apple 官網產品介紹頁面截圖

主要用到的圖檔除了各產品的照片之外,就只有兩張,一個是底部的漸層,另一個是三角形箭頭。

另外當然是用到了jQuery和CSS的語法,CSS中有3.0的語法,所以圓角、陰影…等都不是圖檔構成,有想要研究的可以看看馬老師製作的範例檔下載)、範例檔2下載),大家看完後有任何問題歡迎在此回應,謝謝!

註:本範例所使用的圖片版權屬於Apple與Adobe公司所有。

You may also like...

11,875 Responses

  1. Billyved表示:

    http://amoxila.pro/# buy amoxicillin 500mg online

  2. MarvinRoave表示:

    zithromax online pharmacy canada zithromax 500mg zithromax for sale online

  3. Henryfet表示:

    prednisone cream rx: prednisone daily use – 20 mg prednisone

  4. Richardorele表示:

    zithromax 250: zithromax 1000 mg online – buy cheap generic zithromax

  5. Charleselila表示:

    prednisone drug costs: average cost of prednisone – prednisone 100 mg

  6. MarvinRoave表示:

    where can i get amoxicillin 500 mg buy amoxicillin 250mg how to get amoxicillin over the counter

  7. Henryfet表示:

    doxycycline generic: price of doxycycline – order doxycycline

  8. Billyved表示:

    http://amoxila.pro/# purchase amoxicillin 500 mg

  9. Richardorele表示:

    buy amoxicillin online mexico: generic amoxicillin online – ampicillin amoxicillin

  10. Richardorele表示:

    amoxicillin 500mg no prescription: amoxicillin 1000 mg capsule – amoxicillin script

  11. Charleselila表示:

    zithromax 1000 mg online: zithromax online no prescription – generic zithromax 500mg

  12. Ismaelfer表示:

    В нашем обществе, где диплом становится началом отличной карьеры в любом направлении, многие пытаются найти максимально быстрый и простой путь получения качественного образования. Наличие официального документа переоценить попросту невозможно. Ведь именно диплом открывает двери перед всеми, кто стремится начать профессиональную деятельность или учиться в высшем учебном заведении.
    В данном контексте наша компания предлагает оперативно получить этот важный документ. Вы имеете возможность приобрести диплом старого или нового образца, что является выгодным решением для всех, кто не смог завершить обучение, потерял документ или желает исправить свои оценки. Все дипломы выпускаются аккуратно, с максимальным вниманием ко всем деталям, чтобы на выходе получился 100% оригинальный документ.
    Превосходство такого решения заключается не только в том, что можно оперативно получить диплом. Весь процесс организовывается комфортно, с профессиональной поддержкой. От выбора подходящего образца до точного заполнения персональных данных и доставки по России — все под абсолютным контролем опытных специалистов.
    Для тех, кто ищет быстрый и простой способ получения необходимого документа, наша компания предлагает отличное решение. Заказать диплом – значит избежать длительного процесса обучения и сразу переходить к своим целям, будь то поступление в ВУЗ или начало успешной карьеры.
    https://diploman-russiyan.com/

  13. MarvinRoave表示:

    amoxicillin medicine where can i get amoxicillin amoxicillin 500mg cost

  14. Henryfet表示:

    cost of amoxicillin: amoxicillin 500mg buy online canada – amoxicillin 500mg capsule

  15. Купить диплом быстро и качественно
    купить диплом в Москве http://www.diplom-msk.ru/ .

  16. Nrfxxy表示:

    dapoxetine owner – levitra with dapoxetine gate cialis with dapoxetine suffer

  17. Henryfet表示:

    amoxicillin 875 125 mg tab: amoxicillin 500mg buy online canada – amoxicillin generic

  18. Billyved表示:

    https://doxycyclinea.online/# price of doxycycline

  19. Richardorele表示:

    prednisone 20mg by mail order: how to get prednisone tablets – prednisone buy cheap

  20. Charleselila表示:

    buy amoxicillin online no prescription: amoxicillin 500 mg tablets – price of amoxicillin without insurance

  21. Billyved表示:

    http://gabapentinneurontin.pro/# price of neurontin

  22. Henryfet表示:

    how much is generic neurontin: neurontin online pharmacy – neurontin prescription cost

  23. MarvinRoave表示:

    amoxicillin online purchase amoxicillin 500 coupon buy amoxicillin 500mg usa

  24. GichardPheve表示:

    Greetings I am so delighted I found your webpage, I really found you by mistake, while I was looking on Askjeeve for something else, Regardless I am here now and would just like to say thank you for a tremendous post and a all round interesting blog (I also love the theme/design), I don’t have time to read it all at the minute but I have bookmarked it and also added in your RSS feeds, so when I have time I will be back to read more, Please do keep up the great work.
    http://www.diploman-russiyans.com

  25. Dayson_gsSr表示:

    дайсон купить фен https://dyson-feny.com .

  26. Ismaelfer表示:

    В современном мире, где диплом – это начало отличной карьеры в любом направлении, многие ищут максимально быстрый и простой путь получения образования. Факт наличия официального документа об образовании переоценить попросту невозможно. Ведь диплом открывает двери перед каждым человеком, желающим начать трудовую деятельность или продолжить обучение в каком-либо институте.
    Наша компания предлагает максимально быстро получить этот важный документ. Вы можете приобрести диплом, что будет удачным решением для всех, кто не смог закончить обучение, потерял документ или хочет исправить свои оценки. Любой диплом изготавливается с особой тщательностью, вниманием к мельчайшим элементам. В результате вы получите 100% оригинальный документ.
    Плюсы данного подхода состоят не только в том, что можно оперативно получить свой диплом. Весь процесс организовывается просто и легко, с нашей поддержкой. От выбора необходимого образца документа до точного заполнения персональной информации и доставки по стране — все под абсолютным контролем опытных мастеров.
    Всем, кто пытается найти максимально быстрый способ получить необходимый документ, наша компания предлагает выгодное решение. Заказать диплом – это значит избежать долгого обучения и сразу перейти к достижению своих целей: к поступлению в университет или к началу успешной карьеры.
    http://www.diploman-russia.com

  27. MarvinRoave表示:

    875 mg amoxicillin cost buying amoxicillin online amoxicillin online without prescription

發佈留言

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