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

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

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

  3. jQuery

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

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

  4. jQuery

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

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

  5. jQuery

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

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

  6. jQuery

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

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

コメント

  • コメント (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. マーケティング

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

    趣味ブログのPV(ページビュー)が1ヶ月で2倍に!私がやったSEO対策とは。
  3. ブログ

    [書評]サラリーマンだけが知らない好きなことだけ食っていくための29の方法
  4. Photoshop

    Photoshopでかすれたスタンプ風表現をする方法 その2
  5. illy

    レポート

    うちカフェでホッと一息できる*illyのコーヒー粉が届きました!
PAGE TOP