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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

24,307 Responses

  1. 1win_neSr表示:

    1вин скачать на андроид https://www.1win10072.ru .

  2. 1win_ldPa表示:

    1 win ракетка http://1win10073.ru .

  3. Sazrlem表示:

    Приобрести диплом университета по выгодной стоимости вы сможете, обратившись к надежной специализированной фирме. Мы предлагаем документы об окончании любых ВУЗов Российской Федерации. Заказать диплом любого университета– avva.getbb.ru/viewtopic.phpf=3&t=1917

  4. KennethKex表示:

    vavada: вавада казино – vavada вход

  5. Steventer表示:

    здесь [url=https://donetsklimat.ru]кондиционеры донецк днр[/url]

  6. 1win_kg_ijmt表示:

    авиатор бот коэффициент скачать 1win10068.ru .

  7. Jefferylip表示:

    Read More Here [url=https://slimway.ar/preparaty/ozempic/]Instrucciones y precio del medicamento Ozempic[/url]

  8. Sazrosk表示:

    Заказать документ университета вы имеете возможность в нашей компании в Москве. Мы оказываем услуги по продаже документов об окончании любых ВУЗов РФ. Вы сможете получить необходимый диплом по любым специальностям, включая документы образца СССР. Гарантируем, что в случае проверки документа работодателями, подозрений не появится. diplomskiy.com/gde-i-kak-kupit-diplom-v-reestre-legalno/

  9. 1win_prKa表示:

    промокод на 1вин 1win10071.ru .

  10. Steventer表示:

    посмотреть на этом сайте кондиционеры донецк днр

  11. KennethKex表示:

    вавада зеркало: вавада официальный сайт – вавада зеркало

  12. Jefferylip表示:

    have a peek at this web-site efecto saxenda

  13. ZackaryGer表示:

    https://vavadavhod.tech/# вавада официальный сайт

  14. ZackaryGer表示:

    https://pinupaz.top/# pin up azerbaycan

  15. Elmerbuils表示:

    pinup az: pin up casino – pin-up

發佈留言

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