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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,913 Responses

  1. ElmerWes表示:

    Cenforce 150 mg online Purchase Cenforce Online cenforce.pro

  2. TylerPhona表示:

    http://cenforce.pro/# Cenforce 100mg tablets for sale

  3. JamesNow表示:

    Kamagra 100mg price: kamagra.win – Kamagra tablets

  4. ElmerWes表示:

    Levitra 20 mg for sale Buy generic Levitra online Buy Vardenafil 20mg

  5. CharlesDog表示:

    https://levitrav.store/# Levitra online USA fast

  6. CharlesDog表示:

    http://cenforce.pro/# Purchase Cenforce Online

  7. Shaneevige表示:

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

    https://diploman-rossiya.com

  8. ElmerWes表示:

    Kamagra tablets kamagra Kamagra Oral Jelly

  9. DavidOwelo表示:

    http://kamagra.win/# sildenafil oral jelly 100mg kamagra

  10. GeorgeSep表示:

    sildenafil online: Buy generic 100mg Viagra online – Cheapest Sildenafil online

  11. CharlesDog表示:

    https://kamagra.win/# buy Kamagra

  12. FobertWen表示:

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

    https://diploman-rossiya.com

  13. ElmerWes表示:

    Levitra 10 mg buy online Cheap Levitra online Buy Levitra 20mg online

  14. JamesNow表示:

    over the counter sildenafil: Buy Viagra online cheap – Generic Viagra for sale

  15. DavidOwelo表示:

    http://kamagra.win/# Kamagra 100mg

  16. JamesNow表示:

    cialis generic: buy cialis online – Buy Tadalafil 5mg

  17. CharlesDog表示:

    http://kamagra.win/# cheap kamagra

  18. CharlesDog表示:

    https://cenforce.pro/# order cenforce

  19. GeorgeSep表示:

    Vardenafil buy online: Levitra 20 mg for sale – Vardenafil online prescription

  20. DavidOwelo表示:

    https://kamagra.win/# buy Kamagra

  21. GeorgeSep表示:

    п»їkamagra: buy kamagra online – Kamagra Oral Jelly

  22. GeorgeSep表示:

    Cenforce 150 mg online: cheapest cenforce – cenforce.pro

  23. OLaneevige表示:

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

  24. chistka_uhpi表示:

    лазерная обработка металла от ржавчины оборудование цена http://www.apparaty-lazernoy-ochistki.ru/ .

  25. ElmerWes表示:

    generic sildenafil Buy Viagra online cheap Cheap generic Viagra online

  26. DavidOwelo表示:

    https://levitrav.store/# Buy Vardenafil 20mg

  27. CharlesDog表示:

    http://kamagra.win/# buy kamagra online usa

  28. RandallTaulp表示:

    lisinopril 4 mg: ordering lisinopril without a prescription uk – generic lisinopril 3973

  29. WilliamRhype表示:

    https://finasteride.store/# get cheap propecia without a prescription

  30. Lewisslund表示:

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

    https://diploman-rossiya.com

發佈留言

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