jQuery

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


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


スポンサードリンク

デモはこちら

DEMO

スクリプトの解説

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

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

HTMLはこちら

最後に

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

投稿者プロフィール

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

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

関連記事

  1. jQuery

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

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

  2. jQuery

    カードレイアウトにもオススメ!Masonryプラグインの使い方

    みなさんこんにちは、mayukouです。今回は、今流行りのカードレイ…

  3. jQuery

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

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

  4. jQuery

    ボックス要素を横並びにしたときに高さが揃えられるJQuery、jquery.matchheight.…

    みなさんこんにちは、mayukouです。今回はwebデザインするとき…

  5. jQuery

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

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

  6. jQuery

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. moleskine

    グッズ

    モレスキン買いました。そして、周辺のステーショナリーを集めてみた。
  2. illustration

    対面打ち合わせ一切なし!イラスト制作の仕事の流れ
  3. iPad Pro

    今や欠かせない存在!iPad Pro “9.7を購入して、約3ヶ月が…
  4. マーケティング

    コンテンツマーケティングにおける有益な記事とは?ブログ運営3年目の私の最適解
  5. jQuery

    カードレイアウトにもオススメ!Masonryプラグインの使い方
PAGE TOP