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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,926 Responses

  1. Lewisslund表示:

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

    https://dlplomanrussian.com

  2. RandallTaulp表示:

    buy cytotec in usa: buy cytotec pills – buy cytotec pills online cheap

  3. WilliamRhype表示:

    https://ciprofloxacin.tech/# ciprofloxacin generic

  4. WilliamRhype表示:

    https://finasteride.store/# buying propecia without insurance

  5. Davidtes表示:

    order propecia without insurance cost of generic propecia pills cost cheap propecia without a prescription

  6. Ronaldpsymn表示:

    http://lisinopril.network/# lisinopril 40mg prescription cost

  7. Lhaneevige表示:

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

    https://dlplomanrussian.com

  8. Ronaldpsymn表示:

    http://lisinopril.network/# buy lisinopril 20 mg

  9. WilliamRhype表示:

    https://nolvadex.life/# tamoxifen bone density

  10. RandallTaulp表示:

    zestril price uk: compare zestril prices – can you order lisinopril online

  11. Ronaldpsymn表示:

    http://lisinopril.network/# price of zestril

  12. RandallTaulp表示:

    buy cytotec online fast delivery: cytotec buy online usa – buy cytotec online fast delivery

  13. Davidtes表示:

    buy propecia without rx cost cheap propecia online buy cheap propecia tablets

  14. Timsothyabela表示:

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

    https://dlplomanrussian.com

  15. WilliamRhype表示:

    http://cytotec.club/# buy cytotec over the counter

  16. WilliamRhype表示:

    http://nolvadex.life/# does tamoxifen cause weight loss

  17. WilliamRhype表示:

    http://nolvadex.life/# tamoxifen warning

  18. RandallTaulp表示:

    buy cytotec in usa: buy cytotec in usa – Misoprostol 200 mg buy online

  19. EarnestAvada表示:

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

    https://diploman-russiyan.com

  20. Ronaldpsymn表示:

    http://nolvadex.life/# nolvadex gynecomastia

  21. Davidtes表示:

    buy lisinopril without a prescription price lisinopril 20 mg price of lisinopril

  22. RandallTaulp表示:

    cytotec pills online: purchase cytotec – Abortion pills online

  23. WilliamRhype表示:

    https://finasteride.store/# propecia rx

  24. WilliamRhype表示:

    https://nolvadex.life/# nolvadex online

  25. FobertWen表示:

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

  26. Ronaldpsymn表示:

    http://ciprofloxacin.tech/# cipro pharmacy

  27. WilliamRhype表示:

    https://cytotec.club/# п»їcytotec pills online

  28. RandallTaulp表示:

    buy generic propecia without a prescription: buying propecia without a prescription – cost cheap propecia without a prescription

  29. Davidtes表示:

    buy cytotec in usa buy cytotec pills buy cytotec over the counter

  30. Ronaldpsymn表示:

    https://ciprofloxacin.tech/# ciprofloxacin 500 mg tablet price

發佈留言

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