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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,959 Responses

  1. KevinSounc表示:

    http://slotsiteleri.bid/# slot kumar siteleri

  2. AntonioDiz表示:

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

  3. Darrelherse表示:

    canl? slot siteleri: bonus veren slot siteleri – slot siteleri 2024

  4. Darrelherse表示:

    en iyi slot siteler: deneme bonusu veren siteler – 2024 en iyi slot siteleri

  5. Cazricv表示:

    Полезные советы по безопасной покупке диплома о высшем образовании
    pedolymp.ru/common/articles/kak_legalno_kupit_diplom_v_2023_godu_sovetu_i_rekomendacii

  6. Gregorygog表示:


    Лучшая сантехника по низким ценам в Минске

    Если вы ищете, где купить сантехнику в Минске, то наш интернет-магазин — для вас.
    Большой ассортимент товаров представлен в различных ценовых категориях, а благодаря разнообразию размеров,
    форм и других параметров, вы точно найдёте наиболее подходящую модель.
    Создайте свой уникальный дизайн ванной комнаты вместе с нами!

    Почему Almoni?
    Высокое качество: мы работаем с ведущими производителями и брендами с мировым именем,
    например: Orans, Ravak, Vitra, Kaldewey, Roca и другие. Все изделия сертифицированы.
    Доступные цены: благодаря нашему сотрудничеству напрямую с заводами-изготовителями,
    у вас появляется возможность купить сантехнику недорого.
    Широкий ассортимент: большой выбор точно позволит вам найти подходящую модель или цвет товара,
    чтобы наиболее гармонично вписать его в общий интерьер.
    Удобный сервис: заказы обрабатываются в кратчайшие сроки, есть возможность выбрать
    подходящий для вас вариант уведомлений (смс/звонок/почта), а оповещения о передвижении
    товара позволят вам всегда быть в курсе его местоположения. Оставить онлайн-заказ вы можете
    круглосуточно через корзину на сайте, а с 09:00 — 21:00 это можно также сделать через оператора.
    Мы любим наших клиентов: при покупке от 3 000 р. вы получаете приятные подарки,
    а для наших постоянных покупателей действуют специальные скидки.
    Аккуратная доставка в срок курьером доступна по всей Республике Беларусь,
    а также более чем в 1000 пунктах самовывоза в России.
    Если у Вас возникли вопросы или сложности с заказом, обратитесь к оператору,
    который предоставит актуальную информацию, а также проконсультирует по товарам.
    Сделать это можно по телефону: +375 (33) 398 66 77.
    Интернет-магазин сантехники almoni.by

  7. Cazrriw表示:

    Полезные советы по безопасной покупке диплома о высшем образовании
    sterilno.com/inc/pgs/kak_kupit_diplom_novogo_obrazca_bustro_i_bezopasno

  8. Cazripc表示:

    Можно ли купить аттестат о среднем образовании? Основные рекомендации

    helpf.pro/dhfr/pgs/kak_kupit_diplom_v_rossii_sovetu_i_rekomendacii

  9. Diplomi_caEa表示:

    Добрый день!
    Приобрести документ ВУЗа можно в нашем сервисе.
    purefoodsandme.blogspot.ru/2013/04/5

  10. Diplomi_xeEa表示:

    Привет!
    Заказать документ ВУЗа вы сможете в нашем сервисе.
    fire-team.ru/forum/showthread.php?p=39920#post39920

  11. RichardBek表示:

    ולהגיד ”וואו, זה היה סקס טוב“? האם אלו הן התנוחות שעשינו? האם משך הזמן שהקדשנו לפעילות או האם משהו אחר? נראה כי ביסוד הדברים אתה תהנה מכל רגע, במיוחד ממגע הגוף החם והלוהט. הדופק שלך יעלה ואתה תרגיש את החום והתשוקה של העיסוי הצמוד. שניכם תבלו יחדיו ​Order erotic massage in Tel Aviv and sex

  12. KevinSounc表示:

    http://sweetbonanza.network/# sweet bonanza kazanc

  13. Eanrwsx表示:

    Добрый день!
    Мы изготавливаем дипломы любой профессии по доступным тарифам.
    fczulia.com/articulos/4330

  14. Andrewrible表示:

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

  15. KevinSounc表示:

    http://denemebonusuverensiteler.win/# deneme bonusu veren siteler

  16. Antonethuth表示:

    End of an era: The big change coming to European travel in November
    [url=https://rabota-webcams.ru/]работа вебкой спб[/url]

    In travel news this week: an accidental megadeal on first-class tickets, the world’s best-connected airport and why now is a good time to plan a trip to Europe. Plus a bit of relief for those of you traveling this Labor Day weekend.

    Goodbye to EU passport stamps
    Paper mementoes of our travels, from boarding cards to even passports themselves, are fast moving into obsolescence.

    The inky, smudgy joy of a fresh passport stamp will be a thing of the past for visitors to the 29 countries of the European Union Schengen Area starting November 10. That’s when the new automated Entry/Exit System (EES) comes into effect.

    It’s separate from the delayed ETIAS visa waiver program, which is due to start in the first half of 2025 and will mean travelers from outside the EU will be charged a €7 entry fee that is valid for three years.

    Destination inspiration
    Get your stamps while you can with these European vacation picks.

    Il dolce far niente – “the sweetness of doing nothing” – has been perfected by Italians on their vacations in southern sweet spots such as Naples, Ischia, Puglia, the Amalfi Coast and Capri. These remarkable photographs by UK photographer Lucy Laucht show how to relax the Italian way.

    In Hungary, the Gresham Palace is the grandest Budapest hotel of them all, having sat in its prime position overlooking the River Danube for more than a century. Here’s how this architectural gem looks in its current incarnation.

    Finally, if you’re considering a longer stay, an idyllic Swedish town is selling off land with prices so low you might think they’re mistakes. But Gotene, 320 kilometers (200 miles) southwest of Stockholm, is indeed selling plots with prices starting at just 1 krona, or 9 US cents, per square meter (11 square feet).

    Aviation news
    An airline accidentally offered a megadeal on first-class tickets, with 300 lucky customers getting savings of 85% off. Here’s what happened next.

    The staff at Australian flag carrier Qantas must have been flat-out like a lizard drinking sorting that mess out. And if you don’t understand that lingo, it’s time to check out our guide to Aussie slang.

    An airport on the edge of southeast Europe has been named the best connected in the world, with more than 300 direct flights to unique destinations. It’s been networking fast, too; it only opened in 2018.

  17. Darrelherse表示:

    deneme bonusu veren slot siteleri: guvenilir slot siteleri – slot casino siteleri

  18. WilliamDeeli表示:

    Здравствуйте!
    Мы готовы предложить дипломы.
    bisound.com/forum/showthread.php?p=608566#post608566

  19. JasonHes表示:

    This city is developing the world’s tallest timber tower, again
    работа для девушек
    The US city of Milwaukee is already home to the world’s tallest timber tower. But another, even taller, wooden skyscraper could be added to its skyline, designed by Vancouver-based studio Michael Green Architects (MGA).

    The firm recently released plans for the development, which includes a 55-story tower made principally from mass timber — thick, compressed, multilayered panels of solid wood. If built, it would usurp the current world title holder, the 25-story Ascent tower by Korb + Associates Architects, as well as becoming the tallest building in the state of Wisconsin.

    MGA, which specializes in wooden architecture, hopes that the project will set a “new global benchmark for mass timber construction.”

    The project is part of the redevelopment of the Marcus Performing Arts Center, which opened in 1969 and won the Honor Award for Excellence in Architectural Design from the American Institute of Architects in 1970. Led by Neutral, which bills itself as a “regenerative development company,” the redesign will transform what is currently the center’s concrete parking lot into a space with residential units, offices, restaurants, cafes, grocery stores and public plazas. According to MGA, construction will cost an estimated $700 million. The plan is currently going through the city’s approval process, during which it is expected to evolve.

    Why timber?
    While the use of mass timber is steadily increasing worldwide, thanks to changes in building regulations and shifting attitudes towards the material, it has yet to match the sheer height of buildings made of concrete and steel — although a slew of timber high-rises have been proposed in recent years. MGA says its tower design would be approximately 600 feet (182 meters) tall — more than double the 284 feet (87 meter) tall Ascent tower.

    “The race for height is important,” said Michael Green, an architect and founder of MGA. “It’s not about showing off, it’s about showing what’s possible to the public.”

    He argued that the reason timber skyscrapers haven’t yet become mainstream is because climate change hasn’t been at the center of the conversation. “We didn’t really need to challenge the status quo of steel and concrete,” he said. “But because those materials are so hard on the climate, we had to find a different way to build towers and big buildings in general.”

  20. Darrelherse表示:

    yeni slot siteleri: en cok kazandiran slot siteleri – en iyi slot siteleri

  21. CharlieGed表示:

    Fonbet KZ промокод промокод на на бесплатно бесплатную ставку
    Для пользователей в Казахстане Fonbet предлагает специальные промокоды, которые активируют бонусы и фрибеты. Примером такого промокода является ‘GIFT200’, который предоставляет бесплатные ставки новым пользователям в Казахстане. Использование этих промокодов помогает увеличить шансы на выигрыш и делает процесс игры более увлекательным.

  22. Eanrclm表示:

    Привет!
    Мы изготавливаем дипломы любых профессий по приятным ценам.
    boxer-forum.ru/topic3653?view=next

發佈留言

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