jquery - jqueryでdivを光らせる方法

Question

ページが読み込まれたときに特定の色でdivを光らせる方法を知りたいです。

<div id="glow" class="logo registrer"><a href="http://henricson.net/registrer.php" class="understrek">Registrer deg</a></div>

これは私が輝きたいdivです。ありがとうございました ：）

Answer 1

CSS3はそれを行うことができます：

-webkit-box-shadow:0 0 20px blue; 
-moz-box-shadow: 0 0 20px blue;
box-shadow:0 0 20px blue;

これがJSFiddleであり、実際、私と一緒に正常に動作することを示しています。確認してください:)

Answer 2

どういう意味かわかりませんか？単に色を変えるなら、あなたは以下のようなことをすることができます。

$(document).ready(function(){
   $('#glow').animate({backgroundColor:'green'});
});

次に、いくつかbox-shadowを追加してグロー効果を追加できます。

-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 150, 0, 0.3);
box-shadow: 0px 0px 5px 5px rgba(0, 150, 0, 0.3);

追加されたアニメーションの背景色と影のこの例のフィドルを参照してください。

編集

申し訳ありませんが、これを行うにはカラーアニメーションプラグインを含める必要があることを忘れてしまいました。

また、0.5秒後に実行され、グローを削除する別のフィドルもあります。明らかに、見栄えを良くするために多くの調整が必要になります。

Answer 3

<div class="col-md-6 col-md-offset-3" id="notificationmain">
  <div class="sub"><blockquote id="notification" class="alert alert-success" glowing="0">User Has been created</blockquote></div>  

    <script>
        $(document).ready(function() {
            setTimeout(function () { $('.sub blockquote').glow('#FFFFDD', 800); }, 100);
        });
    </script>
</div>

参照する必要があります

<script src="~/Scripts/jquery.glow.js"></script>