Fork
0
Fav
0
View
12195
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 88 lines
  • HTML 21 lines
  • CSS 3 lines
概要
=========

Bootstrap の alert の表示 / 非表示サンプルです。
一定期間 ( 3000 msec ) ごとに表示 / 非表示を行います。


上側の方
---------

CSS の display を使って表示 / 非表示を行っています。

一見、問題ないように見えますが、
ユーザが close ボタンを押したときに再表示されなくなります。


下側の方
---------

削除の際に、「element.alert( 'close' )」を使って本当に削除しています。

表示の際は毎回要素を作成しています。
作成分のコストはかかりますが ( そんなに大きくはないけど ) 、
ユーザが close ボタンを押したときにも対応できています。

こちらは作成の際に、ランダムで alert の種類を変えるようにしています。



詳しくはブログ記事に。
http://kazuki-nagasawa.hatenablog.com/entry/memo_20140109_bootstrap
  • Bootstrap の alert を 表示 / 非表示させる
  • bootstrap.js 3.0.0
  • jQuery v2.0.3
  • Bootstrap の alert を 表示 / 非表示させる
  • bootstrap.css 3.0.0

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

kazuki_nagasawa

Author

Three.js や Processing.js など、描画系のライブラリで遊んでます。 色々描けるようになりたいにゃ~。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags