Entries


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

-件のコメント

コメントの投稿

新規

※設定NGワードは『http』です

投稿した内容は管理者にだけ閲覧出来ます

-件のトラックバック

トラックバックURL
http://pugiemonn.blog6.fc2.com/tb.php/1382-944fa34a

bootstrap-alerts.jsを使う


twitterのbootstrap cssでbootstrap-alerts.jsというスクリプトがあります

この画像のように右がわにある×をクリックするとボックスを閉じることができるスクリプトです。
bootstrap-alert.js

本家デモなどはコチラ
http://twitter.github.com/bootstrap/javascript.html#alerts

良さそうなので早速読み込んでみました。


デモのコピペでためしてみるとうまくいきます。

Markup

Just add a data-alert attribute to your alert messages to automatically give them close functionality.

http://twitter.github.com/bootstrap/javascript.html#alerts


ここにあるようにdata-alert="alert"という属性があると動きます
自分でJavaScriptを書く必要は特にありません。サンプルにあるみたいにclassにclass="fade in"を入れるとたぶんfadeinしているような気がします。

        / ̄ ̄\
      /  _ノ ,ヽ\
      |   ( ●)(●)
. \    |     (__人__) 読めばちゃんと書いてあるだろ
   .\  .|     ` ⌒ノ
   . \ ヽ       }
      .\_,ゝ     ノ  . ____
      /, r、    く  /      \
     ./ 〈  \    i / _ノ  ヽ、_  .\
    . ヽ、 .ヽ   \ i.o゚((●)) ((●))゚o  \
       .て_)   \|   (__人__)'      |  data-alert属性きづかなくて
             \   `⌒´       /  すげーはまったわ
               〉        、 〈
             _ノ 入    /  / |
            (⌒_ノ  \  / /  /
              ̄     \(.__) _/`)
                     \ /―i'.|


ちゃんと読まないとね

0件のコメント

コメントの投稿

新規

※設定NGワードは『http』です

投稿した内容は管理者にだけ閲覧出来ます

0件のトラックバック

トラックバックURL
http://pugiemonn.blog6.fc2.com/tb.php/1382-944fa34a

Appendix

プロフィール

川崎修

  • Author:川崎修
  • インターネット大好き!
    調布周辺で自宅警備してます



    メール:pugiemonn@gmail.com
    skype:pugiemonn
    twilog:Twilog
    mixi:mixi
    facebook:facebook
My Profile by iddy
FC2ブログ

カレンダー

08 | 2017/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

最近の記事

Twitter

コミュニティ

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

Adsense

月別アーカイブ

はてぶ数

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。