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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,679 Responses

  1. EdwardApest表示:

    https://slottr.top/# slot siteleri

  2. RobertPex表示:

    slot oyunlar? puf noktalar? slot tr online slot oyunlar?

  3. Ангары表示:

    Производство ангаров и складов под ключ.
    Подробная информация и заказ ангаров быстровозводимых

  4. TravisFlasp表示:

    bet siteleri bonus: kaГ§ak bahis siteleri bonus veren – bonus veren yasal siteler

  5. TravisFlasp表示:

    bonus veren yasal siteler: lisanslД± kumar siteleri – casino bahis siteleri

  6. RobertPex表示:

    slot siteleri slot oyunlar? slot tr online

  7. EdwardApest表示:

    http://pinup2025.com/# пин ап казино зеркало

  8. Justinlib表示:

    https://casinositeleri2025.pro/# yeni deneme bonusu veren siteler 2025

  9. Justinlib表示:

    https://casinositeleri2025.pro/# en Г§ok freespin veren slot 2025

  10. TravisFlasp表示:

    bahis oyun siteleri: casino oyna – en Г§ok kazandД±ran bahis siteleri

  11. Josephnor表示:

    deneme bonus veren siteler: orisbet giriЕџ – yabancД± Еџans oyunlarД± siteleri

  12. JamesThync表示:

    buy rybelsus online: buy rybelsus online – rybelsus semaglutide tablets

  13. Charlescek表示:

    cenforce: order cenforce – cheapest cenforce

  14. Charlescek表示:

    buy kamagra online usa: п»їkamagra – Kamagra 100mg

  15. EdwardBef表示:

    The surprising history of the Fair Isle sweater
    Best escort services in Tel Aviv
    Which fashion item is as beloved by members of the royal family as it is by JLo? Or as relevant on the runways of 2024 as in the knitting catalogs of 1960? The answer is surprisingly festive. The Fair Isle knit, a two-stranded knitting tradition originating off the coast of Scotland, has been a wardrobe staple for well over 100 years — keeping everyone from 18th century fisherman to Mick Jagger warm.

    In the last five years, luxury brands Ralph Lauren, Thom Browne, Chanel, Celine, Balenciaga, Raf Simons, Versace and Dries van Noten have all sent their renditions of the heritage knit down the catwalk. London-based designer Molly Goddard has even made the pattern something of an unofficial signature, making sure to pair a structured Fair Isle-style knit with a flouncy, tulle skirt in almost every collection.

    In short, it has become a winter classic that seems perpetually in vogue. Rom-com leading man, Adam Brody, recently wore a red and white version on the cover of Stylist magazine; while Katie Holmes was snapped running errands in an old beige Fair Isle favorite from 2022.
    For those in the northern hemisphere, it’s appropriate to shrug on as soon as the nights draw in right until sweater weather deteriorates. That being said, even in season-less Los Angeles, stars like Hailey Bieber have been seen in the cozy Fair Isle knits grabbing coffees.

    Taking its name from the island of Fair Isle — part of the Shetland archipelago about 100 miles off the northeastern coast of Scotland — the knitting technique first began in fisherman’s hats during the 18th and 19th century (our beloved sweaters came much later). The two strand pattern was not only artistic, but made the tall, conical shaped caps extra warm by doubling the textile mass. They often featured a knitted interior lining, too.

  16. StevenAxofs表示:

    https://edpills.men/# best online ed treatment

  17. WesleyBeall表示:

    In China, people are hiring ‘climbing buddies’ for big money. The more attractive they are, the higher the price
    Развлечения для взрослых в Израиле
    Wendy Chen decided to challenge herself by climbing Mount Tai, a well-known mountain in eastern China.

    But there was one obstacle in her way: she couldn’t find a friend to join her for the five-hour trek.

    Rather than forgo her plans, the 25-year-old hired a “climbing buddy,” a young man with extensive outdoor experience, to accompany and support her to the 5,000-foot peak.

    Known in Chinese as “pei pa” (meaning “accompany to climb”), these are young Chinese men who join strangers on their journeys up popular mountains for a price. The trend has gained momentum this year, as hashtags related to “climbing buddy” have had over 100 million views on Chinese social media.

    Young, athletic individuals, often university students or even military veterans, advertise themselves on social media platforms like Xiaohongshu and Douyin, with profiles featuring their height, fitness level and hiking experience. They usually charge between 200 to 600 yuan ($30 to $85) per trip.

    During the climb, these “buddies” will do anything to distract their clients from feeling exhausted and push them to keep going: from singing, telling jokes, playing music, verbal encouragement, going so far as carrying their bags, holding their hands, and pulling them.
    A day on the mountain
    Chen and her climbing buddy’s adventure began at around 8:00 pm so she could arrive at the peak in time for the famous sunrise. After assessing her fitness level, her climbing buddy planned a moderate route and carried her backpack the whole way.

    When they faced chilling winds at the peak, Chen’s climbing buddy rented a thick coat for her while directing her to a walled shelter.

    At the moment the sun rose, Chen’s climbing buddy was already prepared with a national flag and other props so that she could take a memorable photo. Though she felt his photography skills still had room to improve, she rated her climbing buddy as “satisfactory.” The service cost her 350 yuan ($49).

    Though Chen paid a typical price for a climbing buddy, she acknowledges that more good-looking buddies can command higher rates.

    “Attractiveness is also part of their strength,” she says.

    Climbing buddies’ main customers tend to be single young women, but that’s slowly changing.

    A video of a strong male university student carrying a three-year-old effortlessly up a steep mountain — while the toddler’s mother trailed far behind — went viral this summer.

  18. BradleyPobby表示:

    https://cenforce.icu/# Cenforce 100mg tablets for sale

  19. CoreyNeura表示:

    buy rybelsus online semaglutide tablets for weight loss buy rybelsus online

  20. Charlescek表示:

    cheap kamagra: Kamagra 100mg price – Kamagra 100mg price

發佈留言

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