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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,864 Responses

  1. Henryfet表示:

    amoxicillin 500mg price: amoxicillin without a prescription – amoxicillin 30 capsules price

  2. Charleselila表示:

    doxycycline hyclate: doxycycline hyclate 100 mg cap – doxycycline 100mg price

  3. Billyved表示:

    http://doxycyclinea.online/# where to purchase doxycycline

  4. Charleselila表示:

    order doxycycline: generic for doxycycline – doxycycline hyclate

  5. Timsothyabela表示:

    В нашем мире, где диплом становится началом удачной карьеры в любом направлении, многие пытаются найти максимально быстрый путь получения образования. Факт наличия документа об образовании переоценить невозможно. Ведь диплом открывает двери перед людьми, желающими начать трудовую деятельность или учиться в каком-либо ВУЗе.
    В данном контексте наша компания предлагает очень быстро получить этот важный документ. Вы сможете приобрести диплом, что становится отличным решением для всех, кто не смог закончить обучение или потерял документ. диплом изготавливается аккуратно, с особым вниманием ко всем элементам, чтобы в итоге получился документ, полностью соответствующий оригиналу.
    Превосходство данного решения заключается не только в том, что можно оперативно получить свой диплом. Весь процесс организовывается удобно, с профессиональной поддержкой. От выбора нужного образца до грамотного заполнения личных данных и доставки по России — все под абсолютным контролем качественных специалистов.
    Для тех, кто ищет максимально быстрый способ получения необходимого документа, наша компания предлагает отличное решение. Приобрести диплом – это значит избежать долгого обучения и сразу переходить к достижению собственных целей, будь то поступление в университет или начало трудовой карьеры.
    diplomany.ru

  6. MarvinRoave表示:

    prednisone 25mg from canada buy prednisone 5mg canada over the counter prednisone medicine

  7. Henryfet表示:

    prednisone prescription for sale: buy prednisone online uk – prednisone 80 mg daily

  8. Dersyl表示:

    cenforce folk – zenegra online england brand viagra bite

  9. Charleselila表示:

    prescription for amoxicillin: buy amoxicillin 250mg – amoxacillian without a percription

  10. Shaneevige表示:

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

  11. Billyved表示:

    https://amoxila.pro/# amoxicillin 500mg no prescription

  12. Billyved表示:

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

  13. Richardorele表示:

    prednisone 100 mg: prednisone buy online nz – prednisone 0.5 mg

  14. Richardorele表示:

    doxycycline tablets: generic for doxycycline – doxycycline 100mg dogs

  15. Henryfet表示:

    doxycycline pills: doxycycline 100mg capsules – doxycycline tetracycline

  16. OLaneevige表示:

    Excellent, what a weblog it is! This web site gives helpful information to us, keep it up.

    https://animedia.xyz/

  17. Charleselila表示:

    prednisone 10 mg online: prednisone 5mg coupon – prednisone in mexico

  18. Billyved表示:

    https://gabapentinneurontin.pro/# generic neurontin cost

  19. MarvinRoave表示:

    zithromax antibiotic zithromax for sale online zithromax 500 mg lowest price drugstore online

  20. Henryfet表示:

    neurontin cap: neurontin 800 mg tablets – neurontin 50 mg

  21. Timsothyabela表示:

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

  22. Richardorele表示:

    doxycycline: buy doxycycline without prescription – doxycycline online

  23. Billyved表示:

    http://prednisoned.online/# prednisone purchase online

  24. Henryfet表示:

    doxycycline generic: doxycycline hyclate 100 mg cap – doxycycline hyclate 100 mg cap

  25. Shaneevige表示:

    В нашем обществе, где диплом – это начало успешной карьеры в любом направлении, многие пытаются найти максимально простой путь получения качественного образования. Необходимость наличия официального документа переоценить невозможно. Ведь диплом открывает дверь перед всеми, кто стремится вступить в профессиональное сообщество или продолжить обучение в университете.
    В данном контексте мы предлагаем оперативно получить любой необходимый документ. Вы имеете возможность приобрести диплом старого или нового образца, и это становится выгодным решением для человека, который не смог завершить образование, потерял документ или желает исправить плохие оценки. Каждый диплом изготавливается с особой аккуратностью, вниманием ко всем нюансам, чтобы в итоге получился полностью оригинальный документ.
    Плюсы данного решения состоят не только в том, что можно оперативно получить свой диплом. Процесс организовывается просто и легко, с нашей поддержкой. Начав от выбора требуемого образца документа до грамотного заполнения личных данных и доставки по России — все будет находиться под полным контролем качественных мастеров.
    Всем, кто ищет максимально быстрый способ получения требуемого документа, наша компания готова предложить выгодное решение. Заказать диплом – это значит избежать продолжительного обучения и сразу перейти к достижению личных целей, будь то поступление в ВУЗ или начало успешной карьеры.
    diplomvam.ru

  26. Charleselila表示:

    zithromax prescription online: zithromax 500mg price in india – zithromax online usa

  27. Billyved表示:

    https://gabapentinneurontin.pro/# neurontin 300 mg tablets

  28. Timsothyabela表示:

    Please let me know if you’re looking for a author for your weblog. You have some really good articles and I believe I would be a good asset. If you ever want to take some of the load off, I’d absolutely love to write some content for your blog in exchange for a link back to mine. Please shoot me an email if interested. Cheers!
    http://www.diplomanc-russia24.com

  29. MarvinRoave表示:

    online prednisone 5mg buy prednisone canadian pharmacy prednisone 20 mg tablets

發佈留言

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