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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,243 Responses

  1. KennethPah表示:

    cost of clomid pill clomidonpharm get cheap clomid price

  2. KennethPah表示:

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

  3. RobertJar表示:

    ciprofloxacin mail online: buy cipro online without prescription – ciprofloxacin order online

  4. SamuelBix表示:

    price for 15 prednisone: PredniBest – prednisone 10mg buy online

  5. DanielAbice表示:

    https://clomidonpharm.com/# can i order cheap clomid prices

  6. RobertJar表示:

    purchase prednisone: PredniBest – prednisone buy

  7. DanielAbice表示:

    http://cipharmdelivery.com/# ciprofloxacin

  8. SamuelBix表示:

    875 mg amoxicillin cost: amoxicillin price canada – amoxicillin no prescipion

  9. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт стиральных машин zanussi сервис, можете посмотреть на сайте: ремонт стиральных машин zanussi рядом
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  10. KennethPah表示:

    amoxicillin 250 mg price in india AmoxStar order amoxicillin 500mg

  11. KennethPah表示:

    buy prednisone canadian pharmacy prednisone 5 mg buy prednisone without rx

  12. Тут можно преобрести взломостойкие сейфы cейф взломостойкий

  13. KennethPah表示:

    where buy generic clomid without rx clomid on pharm get generic clomid without prescription

  14. SamuelBix表示:

    50mg prednisone tablet: buy prednisone 20mg without a prescription best price – buy prednisone online india

  15. DanielAbice表示:

    http://clomidonpharm.com/# how to get generic clomid pills

  16. onexbet_auot表示:

    Большие выигрыши с onexbet, ставки с onexbet – это успех|Больше шансов на победу с onexbet, ставьте деньги и получайте прибыль|Защитите свои деньги с onexbet, играйте честно и безопасно|Приятные сюрпризы от onexbet, получите дополнительные ставки бесплатно|Большой выбор азартных игр на onexbet, не упустите шанс стать миллионером|Беспрецедентный уровень обслуживания на onexbet, важны ваш комфорт и удобство|Легальное онлайн казино onexbet, не нарушайте правила и несите ответственность|Онлайн трансляции спортивных событий на onexbet, ставьте деньги и наслаждайтесь игрой|Получайте эксклюзивные предложения от onexbet, бонусы и подарки ждут вас|Азартные игры с живыми дилерами на onexbet, ощутите атмосферу настоящего казино|Большой выбор спортивных событий на onexbet, получайте прибыль от своих прогнозов|Заработайте на ставках с onexbet, выигрывайте больше и чаще|Больше шансов на успех с onexbet, выигрывайте больше, чем раньше|Онлайн поддержка пользователей на onexbet, не оставляйте вопросов без ответа|Легкость использования и простота на onexbet, новый уровень игрового опыта|Большие джекпоты на onexbet, ставьте и получайте крупные выигрыши|Увеличьте свой доход с onexbet, не упустите шанс улучшить свою финансовую ситуацию|Играйте и зарабатывайте больше, ваш выигрыш – наша главная задача|Больше выигрышей с onexbet, делайте прогнозы и получайте прибыль|Профессиональная букмекерская контора onex
    one x bet app download free [url=https://http www one x bet com/]https://http www one x bet com/[/url] .

  17. SamuelBix表示:

    buy cipro: CiPharmDelivery – buy cipro no rx

  18. RobertJar表示:

    order clomid without a prescription: how can i get cheap clomid without a prescription – can i get cheap clomid without rx

  19. KennethPah表示:

    purchase amoxicillin online without prescription Amox Star amoxicillin 500 mg

  20. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов infinix цены, можете посмотреть на сайте: ремонт телефонов infinix рядом
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  21. RobertJar表示:

    can i order clomid: where to get clomid pills – how to get cheap clomid prices

  22. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов honor, можете посмотреть на сайте: ремонт телефонов honor рядом
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  23. KennethPah表示:

    can i get clomid prices cost of clomid without a prescription can i get clomid online

  24. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов infinix, можете посмотреть на сайте: ремонт телефонов infinix адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

發佈留言

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