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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

24,238 Responses

  1. Sazrmuj表示:

    Приобрести диплом можно используя сайт компании. fremontrp.listbb.ru/viewtopic.phpf=18&t=1372

  2. JeremyMelty表示:

    cheap Cialis online: reliable online pharmacy Cialis – buy generic Cialis online

  3. AlbertoHip表示:

    buy generic Cialis online: best price Cialis tablets – cheap Cialis online

  4. Thanks for the useful information on credit repair on all of this web-site. Things i would advice people is always to give up a mentality they can buy at this point and fork out later. Being a society most people tend to repeat this for many things. This includes vacations, furniture, in addition to items we want. However, you need to separate the wants from all the needs. As long as you’re working to fix your credit score you really have to make some trade-offs. For example it is possible to shop online to save cash or you can visit second hand suppliers instead of pricey department stores with regard to clothing.

  5. Ronaldpayon表示:

    https://zipgenericmd.shop/# reliable online pharmacy Cialis

  6. таможенные брокеры вэд https://www.tamozhennyj-broker15.ru .

  7. Mazrcwb表示:

    Мы оказываем услуги по изготовлению и продаже документов об окончании любых ВУЗов Российской Федерации. Документы изготавливаются на оригинальных бланках. sparklyspaces.com/kupite-diplom-legko-i-bystro-198

  8. Mazrjas表示:

    Где купить диплом специалиста?
    Готовый диплом с необходимыми печатями и подписями отвечает стандартам, никто не сумеет отличить его от оригинала. Диплом о среднем образовании – не проблема! jobassembly.com/companies/diplomix-asx

  9. LorenzoLiate表示:

    order Cialis online no prescription order Cialis online no prescription discreet shipping ED pills

  10. Dnrtpiu表示:

    Мы предлагаем дипломы любых профессий по доступным ценам. Мы предлагаем документы ВУЗов, расположенных на территории всей России. Дипломы и аттестаты выпускаются на бумаге высшего качества. Это позволяет делать государственные дипломы, не отличимые от оригинала. wow-tour.ru/nadezhnyiy-servis-po-zakazu-diplomov

  11. AlbertoHip表示:

    online Cialis pharmacy: online Cialis pharmacy – buy generic Cialis online

  12. JeremyMelty表示:

    safe online pharmacy: discreet shipping – no doctor visit required

  13. Iariorouf表示:

    Приобрести диплом университета по невысокой стоимости вы сможете, обратившись к проверенной специализированной фирме. Приобрести документ университета вы можете у нас в столице. diplomist.com/kupit-diplom-s-vneseniem-v-reestr-bistro-i-nadezhno-37

  14. Ronaldpayon表示:

    https://zipgenericmd.com/# best price Cialis tablets

  15. Sazrsyi表示:

    Приобрести диплом под заказ в Москве вы сможете через сайт компании. telegra.ph/Poluchit-diplom-bez-uchyoby-04-08

  16. JeremyMelty表示:

    discreet shipping ED pills: secure checkout ED drugs – online Cialis pharmacy

  17. Jariorinf表示:

    Наши специалисты предлагают максимально быстро приобрести диплом, который выполняется на оригинальном бланке и заверен печатями, водяными знаками, подписями официальных лиц. Документ пройдет любые проверки, даже при использовании профессиональных приборов. aurorahcs.com/forum/viewtopic.php?f=8&t=928464

  18. Lazrjlu表示:

    Диплом университета России!
    Без университета очень сложно было продвигаться вверх по карьере. Заказать диплом на заказ в столице можно через официальный сайт компании: rugbynflforum.com/read-blog/22654_диплом-купить-новосибирск.html

  19. LorenzoLiate表示:

    modafinil pharmacy modafinil legality buy modafinil online

  20. JeremyMelty表示:

    legit Viagra online: trusted Viagra suppliers – safe online pharmacy

  21. RobertRef表示:

    trusted Viagra suppliers: trusted Viagra suppliers – fast Viagra delivery

  22. 1win_wnen表示:

    бот для игры лаки джет http://1win10013.ru/ .

  23. JeremyMelty表示:

    order Cialis online no prescription: cheap Cialis online – secure checkout ED drugs

發佈留言

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