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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,772 Responses

  1. Sazrimi表示:

    Добрый день!
    Диплом магистра
    telegra.ph/kak-poluchit-nalogovyj-vychet-za-obuchenie-v-vuze-08-02

  2. Sazrmrj表示:

    Здравствуйте!
    Диплом магистра
    telegra.ph/forma-obucheniya-v-vuze-08-02

  3. Mazrxpj表示:

    Привет!
    Как оказалось, купить диплом кандидата наук не так уж и сложно
    allrealtor.ru/members/500

  4. Thomasknith表示:

    Life is Good — почему произошёл технический СКАМ проекта
    порно секс жесток
    Компания «Life Is Good» позиционировала себя как финансово-консалтинговый проект. Она привлекала денежные активы от клиентов, формируя из них инвестиционные вклады, которые приносят пассивный доход от 20% годовых в валюте.

    Официальный сайт компании — lifeisgood.company. Ценной информации на нем очень мало. В разделе «О компании» вместо рассказа о том, чем занимается компания, — общие фразы про финансовую независимость и благополучие клиентов, а также шесть рекламных роликов с известными людьми.
    Данная компания создана в 2014 году. Зарегистрирована в государстве-офшоре Белиз, что находится в Центральной Америке. Соответственно, выданный там сертификат не имеет на территории России никакой юридической силы. Лицензия ЦБ РФ отсутствует.

    Руководитель компании — Роман Василенко, обладатель многочисленных фотошопных регалий, количеству которых позавидовал бы даже Александр Невский (уот так уот), ветеран МЛМ движения в РФ, ну практически святой человек.

    С 1990 года по 1999 год служил в Вооруженных силах РФ.

    После службы работал в инвестиционной компании Save-Invest (Si), зарегистрированной в Швейцарии, которая обещала инвестиционные продукты со сверх доходностью. В 2000х годах газета Коммерсантъ выпустила статью о расследовании сотрудников ФСБ на предмет ведения мошеннической деятельности в РФ.

    В 2012 году руководитель Оренбургского управления Татьяна Горынина, обманувшая своих клиентов на 50 млн. получила 6 лет тюрьмы за мошенничество.

    Далее работал в инвестиционной компании “Life Division”, которая до сих пор продолжает свою работу.

    Также Роман активно ведёт блог в инстаграмме и на ютуб, темы всё те же — успешный успех, освободись от рабства, нужно только захотеть и т.д.

    Участники делали ежемесячные взносы в счет стоимости будущей квартиры. Значительная часть средств шла организаторам компании, а все остальное делились между вышестоящими пайщиками.
    Наступила стадия «критического дна», т.е. взносов от новичков поступало меньше, чем необходимо выплачивать более «старым» клиентам, основатели компании приостановили свою деятельность, а суммы, которые многие годы вносили пайщики, им просто не вернули.

    Life Is Good позиционировала себя как европейская компания, но привлекала в основном Россиян. Кстати, официальный сайт Life is Good переведен сразу на 9 языков. Непонятно для чего это сделано, ведь компания работает только в России, Казахстане и Киргизии. Наверное, поэтому над переводом на английский язык здесь не стали заморачиваться. С первого взгляда видны грубые грамматические ошибки.

    Компания работала в сотрудничестве с еще тремя: Best Way, Hermes Management и Vista.

    Гарантий сохранности денег не давала ни «Лайф-из-гуд», ни «Гермес-менеджмент». Но при этом «Лайф-из-гуд» все же предлагала страхование вложенных денег по оригинальной схеме.

  5. Lazrhib表示:

    Привет, друзья!
    Заказать диплом о высшем образовании.
    telegra.ph/obuchenie-voennosluzhashchih-v-grazhdanskih-vuzah-08-02

  6. Cazrgoy表示:

    Здравствуйте!
    Мы готовы предложить документы ВУЗов
    taxi-bateau-bassindarcachon.com/la-saga-de-la-eine-darcachon/img_1371/#comment-1319928

  7. Mazrcli表示:

    Добрый день!
    Как получить диплом техникума официально и без лишних проблем
    chadzystimber.co.uk/product/table-kadai-stand-grill-tongs-mat-and-4-skewers/#comment-445767

  8. Ruohln表示:

    brand cyclosporine – buy imusporin online buy gloperba

  9. Mazramb表示:

    Добрый день!
    Как официально купить диплом вуза с упрощенным обучением в Москве
    rf-unicron.ru/index.php?/profile/88-michellwhela

  10. Mazrrga表示:

    Привет!
    Как приобрести аттестат о среднем образовании в Москве и других городах
    meatzone.ru/index.php?/topic/2163-а-ты-на-чьей-стороне/#comment-6474

  11. Lazrbpz表示:

    Здравствуйте!
    Купить диплом любого ВУЗа.
    telegra.ph/izlozhenie-dlya-postupleniya-v-vuz-08-02

  12. Lazrlem表示:

    Добрый день!
    Приобрести диплом о высшем образовании.
    telegra.ph/kak-pravilno-napisat-zayavlenie-na-postuplenie-v-vuz-08-02

  13. Cazrijj表示:

    Добрый день!
    Мы можем предложить документы техникумов
    obzs.blogspot.com/2014/06/kak-perenesti-ranenogo

  14. Cazrwvx表示:

    Привет, друзья!
    Мы предлагаем документы техникумов
    clips.tj/index.php?do=addclip

  15. Mazranj表示:

    Здравствуйте!
    Официальная покупка диплома вуза с сокращенной программой в Москве
    bestwecando.ourproject.org/dokuwiki-2013-05-10a/doku.php?id=diplomandoks

  16. Mazrfbf表示:

    Привет!
    Аттестат школы купить официально с упрощенным обучением в Москве
    elkin-geo.com/index.php?option=com_akobook

  17. DouglasGed表示:

    indian pharmacies safe: Top online pharmacy in India – top 10 pharmacies in india

  18. Yrefsfj表示:

    Привет, друзья!
    Купить диплом ВУЗа.
    amazonebay.ru/profile.php?u=onefubi

  19. Trefhzn表示:

    Привет, друзья!
    Как избежать рисков при покупке диплома колледжа или ПТУ в России
    wwassociation.ru/user/11601
    Окажем помощь!.

  20. Yrefqgb表示:

    Привет!
    Заказать диплом университета.
    transoffice.org/case-study-2/#comment-171342

  21. Trefpfv表示:

    Привет, друзья!
    Официальная покупка диплома ПТУ с упрощенной программой обучения
    etotvoyalife.blogspot.com/2012/07/blog-post_13
    Рады оказаться полезными!.

  22. Lazroug表示:

    Привет, друзья!
    Мы предлагаем дипломы любой профессии по выгодным ценам.
    telegra.ph/sroki-postupleniya-v-vuzy-2018-08-02

  23. Leonardpar表示:

    http://edpillpharmacy.store/# cheap boner pills

  24. DouglasGed表示:

    mexico drug stores pharmacies: Purple pharmacy online ordering – п»їbest mexican online pharmacies

  25. Leonardpar表示:

    https://edpillpharmacy.store/# п»їed pills online

  26. DouglasGed表示:

    mexican online pharmacies prescription drugs: Best online Mexican pharmacy – mexican border pharmacies shipping to usa

  27. Trefazj表示:

    Привет, друзья!
    Легальные способы покупки диплома о среднем полном образовании
    mans-diplomxx.ru/kupit-svidetelstva
    Окажем помощь!.

  28. Trefily表示:

    Привет!
    Официальное получение диплома техникума с упрощенным обучением в Москве
    mans-diplomy.ru/kupit-diplom-samara
    Окажем помощь!.

發佈留言

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