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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,923 Responses

  1. WilliamRhype表示:

    https://finasteride.store/# cost propecia without dr prescription

  2. StephenDeery表示:

    This is my first time pay a visit at here and i am truly impressed to read everthing at alone place.
    https://bio.link/playpcbn

  3. Ronaldpsymn表示:

    http://nolvadex.life/# tamoxifen endometriosis

  4. Lpkzkm表示:

    buy hydrochlorothiazide generic – buy felodipine 5mg online bisoprolol 5mg brand

  5. Davidtes表示:

    cost of generic propecia without a prescription get propecia without a prescription cost propecia price

  6. RandallTaulp表示:

    tamoxifen benefits: tamoxifen chemo – buy nolvadex online

  7. WilliamRhype表示:

    https://lisinopril.network/# lisinopril 40 mg

  8. DichaelDax表示:

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

    https://diplomanc-russia24.com

  9. Davidtes表示:

    buy cipro online canada ciprofloxacin order online antibiotics cipro

  10. RandallTaulp表示:

    16 lisinopril: lisinopril tabs 4mg – zestril price in india

  11. Ronaldpsymn表示:

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

  12. WilliamRhype表示:

    https://lisinopril.network/# price for 5 mg lisinopril

  13. WilliamRhype表示:

    http://ciprofloxacin.tech/# buy cipro online canada

  14. Ronaldpsymn表示:

    https://finasteride.store/# buy cheap propecia tablets

  15. Timsothyabela表示:

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

    https://dlplomanrussian.com

  16. Davidtes表示:

    buy cytotec online п»їcytotec pills online purchase cytotec

  17. Ronaldpsymn表示:

    https://cytotec.club/# buy cytotec pills

  18. Davidtes表示:

    zestril 20 mg lisinopril 30 mg daily lisinopril tabs 10mg

  19. RandallTaulp表示:

    lisinopril 125 mg: cost of lisinopril 30 mg – generic lisinopril 3973

  20. WilliamRhype表示:

    http://cytotec.club/# order cytotec online

  21. Lewisslund表示:

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

    https://dlplomanrussian.com

  22. RandallTaulp表示:

    cipro: ciprofloxacin 500mg buy online – cipro for sale

  23. WilliamRhype表示:

    http://ciprofloxacin.tech/# buy cipro online without prescription

  24. WilliamRhype表示:

    http://finasteride.store/# cost cheap propecia online

  25. Davidtes表示:

    cost generic propecia without insurance order generic propecia without prescription cost generic propecia price

  26. Pmgzjj表示:

    order lopressor 50mg pills – purchase micardis pill nifedipine ca

  27. Davidtes表示:

    buy cipro online without prescription ciprofloxacin generic price buy ciprofloxacin over the counter

  28. Ronaldpsymn表示:

    http://nolvadex.life/# nolvadex vs clomid

  29. RandallTaulp表示:

    buy cytotec pills: cytotec pills online – buy cytotec pills online cheap

  30. WilliamRhype表示:

    http://lisinopril.network/# lisinopril capsule

發佈留言

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