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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,152 Responses

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

  2. курс рубля к тенге на сегодня курс рубля к тенге на сегодня .

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

  4. Солевая зависимость в Казахстане https://narcologiya-kazakhstan.kz/ .

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

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

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

  8. Scottgoomb表示:

    Hace once anos, y tambien por el mes de junio, Apple lanzo iOS 4, que llegaria por primera vez con el iPhone 4. Un desarrollador conocido como Zane en redes sociales ha presentado su aplicacion OldOS a traves de TestFligh, un sitio de pruebas de apps. Aunque, eso si, por ahora se trata tan solo de una beta. Lea mas https://www.elespanol.com/omicrono/software/20210613/viaje-pasado-ios-revive-iphone-gracias-aplicacion/588192272_0.html

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

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

  11. RonaldDrorm表示:

    farmacia online madrid farmacia online madrid farmacias direct

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

  13. Normanfer表示:

    farmacia online envГ­o gratis: Cialis generico – farmacias online seguras en espaГ±a

  14. JackieEndoM表示:

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

  15. Normanfer表示:

    venta de viagra a domicilio: comprar viagra en espana – п»їViagra online cerca de Madrid

  16. FloydDwent表示:

    https://sildenafilo.men/# se puede comprar sildenafil sin receta
    farmacias online seguras en espaГ±a

  17. DennisRep表示:

    https://tadalafilo.bid/# farmacia online madrid

  18. JamesMix表示:

    viagra online cerca de malaga: sildenafilo 100mg precio farmacia – venta de viagra a domicilio

  19. JamesMix表示:

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

  20. DennisRep表示:

    http://farmaciaeu.com/# farmacias online baratas

  21. Normanfer表示:

    farmacia online barata y fiable: farmacia online 24 horas – farmacia online espaГ±a envГ­o internacional

  22. FloydDwent表示:

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

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

  24. MartinAsype表示:

    Thanks to the hard work of one 18-year-old developer, Apple iPhone users can now install an app that takes them back to the days of iOS 4. The app is aptly named ‘OldOS,’ and it’s one of the most creative iPhone app releases in recent memory. As it stands today, iOS 14 is a pretty fantastic operating system, read more here https://screenrant.com/oldos-iphone-app-ios-4-features-download/

  25. Marioassum表示:

    Как поднять настроение другу с помощью смешного анекдота

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

  27. Everettdaupe表示:

    דברים: הדבר הראשון הוא סביבת הבילוי הנעימה, זאת אותך בהרגשה שהכל אפשרי והכל יכול להיות. ותזכור שכל מה שיש לך בראש, בסופו של דבר דיסקרטיות בראשון לציון. זוהי חוויה בלתי נשכחת. מאמר 4 דירות דיסקרטיות בחולון פותחות דלת לעולם אחר דירות דיסקרטיות ליווי בתל נערת ליווי בירושלים – פינוק כביר בעיר הבירה

  28. BobbyTog表示:

    נערות הליווי מפנקות את הגברים וגורמות לגבר להרגיש טוב. בילוי דיסקרטי עם נערות ליווי בחיפה הנערות מעניקות שירות לכל וחום, עד לנו את הצרכים כפי שנערות ליווי יודעות לעשות. ואם אתה בעניין של ובילויים מיוחדים מוצאים את התשובה כאן – דירות דיסקרטיות במרכז. visit their website

發佈留言

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