要素を点滅させられるJavaScript「jquery.flicker」

要素を点滅させられるJavaScript「jquery.flicker」サンプル 点滅させることで注目を引くことができるjquery.flickerです。
頻繁に使うものではないと思いますが、注意を促したい時に使ってみるのも良いかもしれません。

使用方法 jquery.flickerからファイルをダウンロード
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.flicker.js"></script>
<script type="text/javascript">
$(function() {
$('body').flicker({
'reps': 5, //点滅回数
'pause': 200, //停止時間
'delay': 800, //間隔
'color': '#e55' //点滅色
});
});
</script>

上記の場合はアクセス時に画面全体が点滅が生じます。
利用用途としては、クリック時や入力エラーの場所を点滅させるとかでしょうか。
$(function() {
$("#id名").click(function(){ //id名をクリックしたとき
$('.class').flicker(); //classを点滅
});
});


要素を点滅させられるJavaScript「jquery.flicker」サンプル

sponsors

「要素を点滅させられるJavaScript「jquery.flicker」」をシェアする

記事作成:
記事URL:

TOP > > 要素を点滅させられるJavaScript「jquery.flicker」