勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

要素の点滅

      2014/07/02

やりたかった事は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_logo
lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...

jquery_logo
jQueryで画像(タグ内)のsrc情報を取得する場合

すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...

jquery_logo
スマホ対応カルーセルスライダーslickの使い方

イメージスライダーでslickという使ったことないjQueryプラグインを見かけ ...

jquery_logo
Ajaxで画像のアップロード(jquery.upload)

業務中に画像の選択後、アップロードボタンを押して画像のアップ、 その後フォームの ...

jquery_logo
jquery.snipeの使い方

使い方によっては面白くなりそう。 ■jquery.snipe http://ra ...

jquery_logo
画像の登録フォームにてjQueryプラグインを用いてWebカメラの映像を撮影させる方法

form内の画像アップロード部分にて、通常であれば画像ファイルを参照させたものを ...

jquery_logo
画像をつなぎ合わせて360度ビューの様に見せるjQueryプラグイン

3Dデータではなく、コマ送りになっている2D画像を用いて360度ビューの様に見せ ...

jquery_logo
jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...

jquery_logo
テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...

jquery_logo
jQueryで偶数or奇数行にclassを付与

やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...