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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,121 Responses

  1. CharlesGed表示:

    Бесплатный промокод актуален как для букмекерской конторы Мелбет, так и для международной Melbet при регистрации в 2024 году. Официальный и рабочий промокод для новых клиентов БК дает повышенный бонус на первый депозит.В этих двух букмекерских конторах вводить промокод Мелбет надо именно во время регистрации. Он увеличивает стандартный бонус на первый депозит на 30%, и его легко можно вывести, выполнив некоторые условия букмекерской конторы Melbet. Мелбет – букмекерская контора, официально зарегистрированная в России в 2012 году. Она одна из первых стала предоставлять услуги болельщикам и любителям спорта. На данный момент контора предлагает широкое поле деятельности для прогнозистов и болельщиков, совершающих ставки. Кроме того, Мелбет дает обзор многочисленных событий из мира спорта и киберспорта, а также информацию о результатах матчей. Пользователи сервиса отмечают хорошие коэффициенты и щедрую программу бонусов. О последних нужно сказать отдельно: они доступны всем гостям сайта, даже новичкам. Выгодные предложения от букмекерской конторы позволяют делать ставки на различные спортивные события без вложения личных средств. В этой статье дан обзор бонусы промокод и варианты их использования.

  2. сервисный центре предлагает ремонт телевизоров недорого – ремонт телевизора на дому в москве

  3. Сервисный центр предлагает ремонт телефонов acer на дому ремонт телефона acer недорого

  4. Edgarappow表示:

    miglior sito per comprare viagra online: viagra generico – viagra prezzo farmacia 2023

  5. Kennethtub表示:

    http://brufen.pro/# Ibuprofene 600 prezzo senza ricetta
    acquistare farmaci senza ricetta

  6. Edgarappow表示:

    viagra naturale: viagra online siti sicuri – cerco viagra a buon prezzo

  7. Richardral表示:

    farmacia online piГ№ conveniente Cialis generico farmacia farmacia online piГ№ conveniente

  8. MichaelToP表示:

    п»їFarmacia online migliore Ibuprofene 600 generico prezzo farmacia online

  9. Kennethtub表示:

    https://brufen.pro/# Ibuprofene 600 generico prezzo
    farmaci senza ricetta elenco

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

  11. PatrickLef表示:

    Farmacie on line spedizione gratuita: Farmacie che vendono Cialis senza ricetta – Farmacia online miglior prezzo

  12. Edgarappow表示:

    gel per erezione in farmacia: viagra senza ricetta – viagra online in 2 giorni

  13. Edgarappow表示:

    comprare farmaci online con ricetta: BRUFEN 600 mg 30 compresse prezzo – comprare farmaci online con ricetta

  14. Сервисный центр предлагает ремонт бесперебойника tripp lite в москве мастер по ремонту бесперебойника tripp lite

  15. ShawnBit表示:

    ムーンプリンセス princess]は、RTP 96.5%と高いボラティリティを特徴とするPlay’n GOの魅力的なスロットです。5×5のグリッドで展開され、カスケード型の勝利が印象的な賞金をもたらす可能性があります。3人のプリンセス – LOVE, STAR, STORM – の魔法が特別な機能と倍率を活性化し、勝利のチャンスを高めます。moonprincessでのスキルフルなプレイと運の組み合わせにより、プレイヤーは初期ベットの最大5000倍を獲得する可能性があります。高いボラティリティは、ムーンプリンセス スロットでの勝利が頻繁ではないものの、かなり大きな額になる可能性があることを意味し、これが世界中の冒険好きなプレイヤーを引き付けています。 ムーンプリンセス

  16. Richardral表示:

    Farmacie online sicure Ibuprofene 600 prezzo senza ricetta farmaci senza ricetta elenco

  17. Kennethtub表示:

    https://sildenafilit.pro/# viagra consegna in 24 ore pagamento alla consegna
    farmacia online senza ricetta

  18. Richardral表示:

    miglior sito dove acquistare viagra cialis farmacia senza ricetta viagra online in 2 giorni

  19. MichaelToP表示:

    Farmacia online piГ№ conveniente Farmacia online piu conveniente Farmacie on line spedizione gratuita

  20. Сервисный центр предлагает качественный ремонт планшетов mystery ремонт планшетов mystery в петербурге

  21. Ryblml表示:

    buy generic cefdinir over the counter – buy cleocin online cheap clindamycin drug

  22. Сервисный центр предлагает ремонт фотоаппаратов ausek в петербурге мастерские ремонта фотоаппаратов ausek

  23. PatrickLef表示:

    cialis farmacia senza ricetta: acquisto viagra – viagra generico sandoz

  24. Kennethtub表示:

    https://tadalafilit.com/# farmacie online sicure
    Farmacie online sicure

  25. Edgarappow表示:

    viagra pfizer 25mg prezzo: viagra generico – viagra online spedizione gratuita

  26. PatrickLef表示:

    Farmacie online sicure: Farmacie online sicure – farmacia online piГ№ conveniente

  27. Edgarappow表示:

    farmacie online sicure: BRUFEN 600 acquisto online – acquistare farmaci senza ricetta

  28. Richardral表示:

    farmacia online piГ№ conveniente Cialis generico farmacia farmacia online

發佈留言

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