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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,151 Responses

  1. FloydDwent表示:

    http://farmaciaeu.com/# farmacia online barcelona
    farmacia barata

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

  3. Normanfer表示:

    comprar viagra online en andorra: sildenafilo – viagra para hombre precio farmacias similares

  4. сервисные центры по ремонту техники в самаре ремонт бытовой техники в самаре

  5. DouglasHoapy表示:

    1xBet
    1xBet promo codes can be obtained through various channels, including promotions on the 1xBet website, social media, affiliate websites, or special events. Users can enter these codes during registration or deposit to claim bonuses.

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

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

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

  9. JamesMix表示:

    п»їfarmacia online espaГ±a: farmacia online 24 horas – farmacia online envГ­o gratis

  10. DennisRep表示:

    http://tadalafilo.bid/# farmacia online barata y fiable

  11. DennisRep表示:

    http://sildenafilo.men/# sildenafilo 100mg sin receta

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

  13. RonaldDrorm表示:

    sildenafilo 100mg precio farmacia sildenafilo sildenafilo 50 mg precio sin receta

  14. FloydDwent表示:

    http://farmaciaeu.com/# farmacias online seguras en espaГ±a
    farmacia online barata y fiable

  15. Mvfovh表示:

    mobic ca – purchase toradol purchase toradol for sale

  16. Normanfer表示:

    viagra online gibraltar: comprar viagra – sildenafilo 50 mg precio sin receta

  17. Normanfer表示:

    farmacia en casa online descuento: farmacia 24 horas – farmacia barata

  18. LesliePag表示:

    זאת באירועים מיוחדים, או סתם כי פתאום מתחשק להם. ומה שבטוח הוא שזהו תמיד הדיסקרטיות מספקות לגברים גם את סביבת הבילוי הנעימה את הנערות לבילוי. אתה יכול להזמין אותן לביתך, ואפשר גם אל בית המלון. אבל זה לא ממש משנה היכן תעשו זאת, מה שחשוב זה הכיף ואתה read link

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

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

  21. Normanfer表示:

    sildenafilo 100mg precio farmacia: viagra precio – comprar viagra sin gastos de envГ­o

  22. WilliamMit表示:

    カジノxでゲームを楽しむだけでなく、大勝利を狙おう! 毎月、プラットフォームでは6桁の金額を手にする幸運なプレイヤーが登場します。casino-x スロット おすすめを高い還元率でプレイして、次はあなたが幸運を手にする番かもしれません。正直なゲームと迅速な出金が保証されています。今すぐ「カジノエックス 登録」を行いましょう! カジノエックス 評判

  23. FloydDwent表示:

    http://farmaciaeu.com/# farmacia online madrid
    farmacias online seguras en espaГ±a

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

  25. JamesMix表示:

    farmacia en casa online descuento: farmacia online envio gratis valencia – farmacia online envГ­o gratis

  26. DennisRep表示:

    http://sildenafilo.men/# comprar viagra en espaГ±a envio urgente

  27. JamesMix表示:

    farmacia en casa online descuento: farmacia online envio gratis – farmacia online envГ­o gratis

  28. DennisRep表示:

    https://sildenafilo.men/# comprar viagra en espaГ±a envio urgente contrareembolso

發佈留言

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