勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

要素の点滅

   2014/07/02  jQuery

やりたかった事はaタグ内で囲まれている部分を点滅。

<blink>だとIEで対応されていないらしい。
<marquee>だとwidthとかが変わった場合に面倒くさい。

なので、用途にもよるだろうけどjQueryでやっちゃうのがよさそう。

■参考サイト
http://black-flag.net/jquery/20120124-3649.html

■ソース
$(function(){
setInterval(function(){
$("#image_' . $id . '").fadeOut(500,function(){$(this).fadeIn(500)});
},1000);
})

■その他
setInterval()
http://javascriptist.net/ref/window.setInterval.html

指定秒数ごとに処理を実行するみたい。

ほとんどそのまま使用したけど、image_intのIDを
振っているところが点滅する。

 - jQuery

  関連記事

jQueryにて何らかの処理中にブラウザをロックする「Block UI」プラグインの利用方法
jQueryにて何らかの処理中にブラウザをロックする「Block UI」プラグインの利用方法

jQueryにて何らかの処理中、ユーザーによるクリックや入力等の動作を防ぎたかっ ...

YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法
YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法

以前にvideoタグで表示させた動画をjQuery&CSSでフローティン ...

jQueryで指定の行動をとった際に、クリックイベントを発火させる方法
jQueryで指定の行動をとった際に、クリックイベントを発火させる方法

あるシステムでAという要素をクリックした際に何らかの処理を行うという部分があり、 ...

NicEdit(WYSIWYGエディタ)を再描写時にサイズを調整する方法
NicEdit(WYSIWYGエディタ)を再描写時にサイズを調整する方法

NicEdit(WYSIWYGエディタ)を設置しているサイトがあった。ページ読み ...

「slick」でarrows(次に進む・前に戻るボタン)を設定しても表示されない場合の対応方法
「slick」でarrows(次に進む・前に戻るボタン)を設定しても表示されない場合の対応方法

「slick」で画像スライダーを表示する際にarrows(次に進む・前に戻るボタ ...