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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,178 Responses

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

  2. Elwoodnax表示:

    1win

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

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

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

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

  7. RobertMef表示:

    mexican pharmaceuticals online: п»їbest mexican online pharmacies – medicine in mexico pharmacies

  8. Профессиональный сервисный центр по ремонту игровых консолей Sony Playstation, Xbox, PSP Vita с выездом на дом по Москве.
    Мы предлагаем: профессиональный ремонт игровых консолей
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  9. Josephfub表示:

    best india pharmacy reputable indian pharmacies Online medicine order

  10. Josephfub表示:

    buying from online mexican pharmacy mexican drugstore online mexican pharmaceuticals online

  11. MauriceGueda表示:

    mail order pharmacy india: reputable indian pharmacies – buy prescription drugs from india

  12. MauriceGueda表示:

    mexican pharmaceuticals online: mexican online pharmacies prescription drugs – mexico drug stores pharmacies

  13. How’s everything?I was immediately captivated by your blog post! Ever since I discovered your blog, I have been engrossed in your other articles. The enthralling content you offer has left me yearning for more. I have subscribed to your RSS feed and am eagerly anticipating your future updates!Later, gator.

  14. ArthurKib表示:

    http://indianpharmacy.company/# buy prescription drugs from india

  15. Если вы искали где отремонтировать сломаную технику, обратите внимание – профи ростов на дону

  16. RobertMef表示:

    best india pharmacy: reputable indian online pharmacy – online pharmacy india

  17. Josephfub表示:

    mexican drugstore online mexican border pharmacies shipping to usa buying prescription drugs in mexico online

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

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

  20. MauriceGueda表示:

    mail order pharmacy india: indian pharmacies safe – pharmacy website india

  21. ReeceGed表示:

    Le Andorre 2024 pour beneficier d’une offre VIP de 100% jusqu’a 130€ sur les paris sportifs ou de 1950€ + 150 tours. Tous les nouveaux joueurs ayant utilise le code lors de leur inscription recoivent un bonus de bienvenue. Ce code bonus special vous permettra de recevoir un bonus augmente lors de votre inscription sur le site du bookmaker 1xBet.com ! Ne manquez pas cette occasion et inscrivez-vous des maintenant avec le code promo 1xbet pour obtenir un bonus allant jusqu’a 130 €/$.

  22. ArthurKib表示:

    https://mexicopharmacy.cheap/# mexican online pharmacies prescription drugs

  23. MauriceGueda表示:

    medco pharmacy viagra: pharmacy global rx – venlafaxine online pharmacy

  24. AndrewRaike表示:

    Санобработка квартиры умершего хозяина https://dezinfekciya-posle-smerti.ru/

  25. карниз с электроприводом для штор купить карниз с электроприводом для штор купить .

  26. RobertMef表示:

    mexican rx online: medicine in mexico pharmacies – best online pharmacies in mexico

  27. Mssipd表示:

    purchase diclofenac pills – isosorbide 20mg without prescription nimotop cost

發佈留言

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