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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,870 Responses

  1. Charleselila表示:

    how can i get prednisone online without a prescription: prednisone 10 mg tablets – prednisone online sale

  2. Henryfet表示:

    buy zithromax online cheap: zithromax online no prescription – buy zithromax canada

  3. MarvinRoave表示:

    how much is zithromax 250 mg zithromax 250mg zithromax generic cost

  4. MarvinRoave表示:

    zithromax online usa zithromax prescription zithromax 500mg

  5. Billyved表示:

    https://zithromaxa.store/# zithromax prescription

  6. Henryfet表示:

    prednisone 40 mg: prednisone price south africa – prednisone 2.5 mg daily

  7. Richardorele表示:

    order doxycycline 100mg without prescription: where can i get doxycycline – doxycycline monohydrate

  8. Charleselila表示:

    neurontin 300 mg: neurontin 150mg – neurontin pfizer

  9. Richardorele表示:

    buy amoxicillin without prescription: amoxicillin capsules 250mg – order amoxicillin online

  10. FobertWen表示:

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

  11. Billyved表示:

    https://amoxila.pro/# price for amoxicillin 875 mg

  12. Charleselila表示:

    prednisone 40 mg price: generic prednisone tablets – how can i order prednisone

  13. MarvinRoave表示:

    neurontin sale where can i buy neurontin from canada can you buy neurontin over the counter

  14. MarvinRoave表示:

    how to get prednisone without a prescription prednisone for sale no prescription prednisone 10mg cost

  15. Henryfet表示:

    zithromax prescription online: buy generic zithromax online – zithromax 500 mg

  16. Billyved表示:

    http://gabapentinneurontin.pro/# brand name neurontin price

  17. Billyved表示:

    http://amoxila.pro/# amoxicillin 500mg tablets price in india

  18. Henryfet表示:

    amoxicillin 500 capsule: buy amoxicillin 500mg capsules uk – buy amoxicillin online with paypal

  19. Richardorele表示:

    doxycycline 100 mg: doxycycline 50mg – doxycycline 150 mg

  20. Billyved表示:

    https://prednisoned.online/# prednisone 20mg nz

  21. MarvinRoave表示:

    how to buy zithromax online zithromax online paypal buy zithromax online fast shipping

  22. Henryfet表示:

    prednisone 50 mg coupon: prednisone steroids – prednisone price south africa

  23. Charleselila表示:

    price of doxycycline: buy doxycycline hyclate 100mg without a rx – doxycycline 100 mg

  24. MarvinRoave表示:

    amoxicillin 500 mg capsule generic for amoxicillin amoxicillin 200 mg tablet

  25. Billyved表示:

    http://gabapentinneurontin.pro/# neurontin 800 mg tablets

  26. OLaneevige表示:

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

  27. Billyved表示:

    https://doxycyclinea.online/# generic for doxycycline

  28. Henryfet表示:

    amoxicillin medicine: amoxicillin 50 mg tablets – how much is amoxicillin

  29. Charleselila表示:

    doxycycline 500mg: doxycycline 100mg online – 200 mg doxycycline

發佈留言

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