Wie mache ich ein div glühen mit jquery

Question

Ich frage mich, wie man ein div in einer bestimmten Farbe leuchten lassen, wenn die Seite geladen hat.

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

Dies ist die div ich möchte leuchten. Danke :)

Answer 1

CSS3 das tun können:

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

hier ein JSFiddle ist, das zeigt, dass es in der Tat nicht, funktioniert es gut mit mir, check it out zu :)

Answer 2

Ich bin mir nicht sicher, wie du es meinst zu glühen? Wenn Sie einfach die Farbe ändern möchten, können Sie etwas wie das Folgende tun.

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

Sie könnten dann fügen Sie einige box-shadow einen Leuchteffekt hinzuzufügen.

-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); 

Bitte sehen Sie dieses Beispiel fiddle von einem animierenden Hintergrundfarbe und Schatten hinzugefügt.

EDIT

Leider habe ich vergessen Sie die color animation plugin können umfassen müssen, um erwähnen werde, dies zu tun.

Auch hier ist eine weitere fiddle, die nach einer halben Sekunde läuft und dann entfernt das Glühen .... offensichtlich würde dies viel Optimierung benötigen, damit es gut aussieht.

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> 

Sie sehen müssen Referenz

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