AjaxでHTMLを部分更新した際に、一瞬だけ光らせたい

Question

具体例のURLが無いのですが、FXの取引ボタン等の様に、更新された際に一瞬だけjavaScriptなどでピカッと光らせるにはどうしたら良いのでしょうか。

マウスオーバーした際に一瞬透明度が0になり徐々にフェードインしてきてボタンが点滅したように見えるエフェクトのような形で、背景色を赤にしてまた通常に数秒で戻っていく、というようなイメージなのですが、どのように更新部分だけ一回だけそうするのかがわかりません。

Answer 1

どのように更新部分だけ一回だけそうするのかがわかりません。

「更新部分」の html 要素が何だか分かりませんが、更新するのだから Ajax で応答が返ってきたときコールバックで html 要素を特定して書き換えるのであろうと想像しています。

であれば、そのコールバックで、その html 要素に jQuery の FadeTo() メソッドを適用して点滅させるようにしてはいかがですか？

具体例は以下の記事のサンプルコードの 066 ～ 072 行を見てください。

ModalPopup で編集・更新操作
http://surferonwww.info/BlogEngine/post/2010/10/14/Select-edit-and-update-using-2-pages.aspx

更新された tr, td 要素のバックグラウンドが黄色に変わり、6 秒間で 3 回点滅した後、元のスタイルに戻るようになっています。