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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

24,753 Responses

  1. melbet_ilmr表示:

    рабочее зеркало мелбет melbet1015.ru .

  2. AlbertoHip表示:

    verified Modafinil vendors: doctor-reviewed advice – verified Modafinil vendors

  3. Waynejek表示:

    ¡Hola especialistas del azar !
    Casinosinkyc acepta jugadores nuevos sin proceso de aprobaciГіn. Entras, eliges un juego y comienzas. AsГ­ de simple.
    Los casinos sin registro eliminan todo tipo de fricciГіn. Ingresas, depositas y juegas en minutos. http://casinosinkyc.guru/
    ¡Que tengas maravillosas jugadas increíbles !

  4. RobertRef表示:

    secure checkout ED drugs: reliable online pharmacy Cialis – buy generic Cialis online

  5. RobertRef表示:

    affordable ED medication: reliable online pharmacy Cialis – best price Cialis tablets

  6. Sazrlin表示:

    Мы изготавливаем дипломы любой профессии по доступным ценам.– mcskindb.copiny.com/question/details/id/1093764

  7. LorenzoLiate表示:

    online Cialis pharmacy secure checkout ED drugs reliable online pharmacy Cialis

  8. Xazrnlt表示:

    Приобрести диплом университета!
    Мы изготавливаем дипломы любой профессии по выгодным ценам. Вы приобретаете диплом в надежной и проверенной компании. : perfectohub.com/read-blog/11594

  9. RobertRef表示:

    order Viagra discreetly: safe online pharmacy – Viagra without prescription

  10. Cazroxl表示:

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии по приятным тарифам. Цена может зависеть от выбранной специальности, года получения и ВУЗа: diploman.com/

  11. Профессиональный сервисный центр по ремонту техники.
    Мы предлагаем: Мастерская ремонта ноутбуков
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. печать круглых наклеек печать объемных наклеек

  13. JeremyMelty表示:

    safe modafinil purchase: purchase Modafinil without prescription – modafinil 2025

  14. Ronaldpayon表示:

    http://maxviagramd.com/# no doctor visit required

  15. Ronaldpayon表示:

    https://modafinilmd.store/# legal Modafinil purchase

  16. RobertRef表示:

    fast Viagra delivery: trusted Viagra suppliers – order Viagra discreetly

  17. Профессиональный сервисный центр по ремонту техники.
    Мы предлагаем: Сколько стоит ремонт бытовой техники
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  18. EmanuelNEK表示:

    ¡Hola seguidores del azar !
    Los casinos sin KYC te permiten empezar a jugar en segundos. No necesitas enviar tu documento ni esperar aprobaciones. Solo entras, depositas y disfrutas.
    ВїTe molesta tener que enviar tu DNI? Con un casino sin DNI puedes saltarte ese paso. casino sin kycEs tan fГЎcil como elegir el juego y empezar a apostar.
    ¡Que tengas maravillosas logros sorprendentes !

  19. 부달表示:

    Hey there would you mind letting me know which webhost you’re using? I’ve loaded your blog in 3 completely different web browsers and I must say this blog loads a lot quicker then most. Can you recommend a good internet hosting provider at a honest price? Cheers, I appreciate it!

  20. LorenzoLiate表示:

    order Viagra discreetly safe online pharmacy fast Viagra delivery

  21. AlbertoHip表示:

    safe online pharmacy: fast Viagra delivery – same-day Viagra shipping

  22. Uazrwme表示:

    Быстро заказать диплом университета. Производство диплома занимает минимум времени, а цена при этом доступна любому человеку. Таким образом вы сможете сберечь деньги и время и получить работу мечты. Приобрести диплом под заказ в Москве возможно через сайт компании. – 39504.org/showthread.php?tid=94914

  23. JeremyMelty表示:

    order Cialis online no prescription: buy generic Cialis online – cheap Cialis online

  24. Ronaldpayon表示:

    https://modafinilmd.store/# modafinil 2025

發佈回覆給「Justinidors」的留言 取消回覆

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