jQuery

JQueryで要素を消すスクリプト!ECサイトの注意書きにもオススメ!


みなさんこんにちは、mayukouです。ECサイトには、配送に関するお知らせなど、常時載せておかないといけない情報があります。でも、ずっと出しているとあまり美しくない。そんな時は、読んだら、見ている人が自分の意思で消せるようにしました。JQueryで実現できます。ぜひ試して見てください。


スポンサードリンク

デモはこちら

DEMO

スクリプトの解説

ここでは、クリックしたら要素を消す、というスクリプトを使用します。.clickと.removeを使っています。

CSSは任意で整えてください。

HTMLはこちら

最後に

いかがでしたか?ECサイトやブログ運営者で必要性を感じたらぜひ使って見てください。

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. jQuery

    簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法

    みなさんこんにちは、mayukouです。さて、4月21日から、goo…

  2. jQuery

    軽量のスクリプトで簡単に!レスポンシブメニューを実装できるResponsive Nav

    みなさんこんにちは、mayukouです!今回は、うちのブログで結構…

  3. jQuery

    ヒーローヘッダーに使えるスライダーjQueryプラグインSlickの使い方

    皆さんこんにちは、mayukouです。今回は、スライダープラグイン、…

  4. jQuery

    スマホに使える!3階層のアコーディオンメニューを作りました!

    仕事でスマホサイトを作っているのですが、その際にモックアップとして作…

  5. jQuery

    横幅いっぱいに表示可能なスライダーのjQueryプラグイン 「Skippr」が便利!

    みなさんこんにちは。11月に入り寒くなりましたね。今年もあと2ヶ月と…

  6. jQuery

    ホームページに必須!?jQueryでトップへ戻るボタンの作り方

    みなさんこんにちは、mayukouです。だいぶ春らしくなってきました…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. Illustrator

    面倒じゃない!簡単なIllustratorでシームレスなパターンの作り方
  2. デザイン

    Adobe CCを導入しました。使ってみて感じたメリットとデメリットとは?
  3. レポート

    kindle Paperwhite買いました。iPad miniとの違いやメリッ…
  4. ブログ

    webの最新情報を学べた!webデザインセミナー「CSS nite fukuok…
  5. Mac

    気に入った画像を切り抜いて保存できる!スクラップアプリ、Pixaveの使い方
PAGE TOP