Wie man ein div-Schein mit jquery

Frage ich mich, wie man eine div-Leuchten in einer bestimmten Farbe, wenn die Seite geladen wurde.

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

Dies ist der div möchte ich zu glühen.
Danke 🙂

Was meinst du mit glühen? Können Sie nach dem code, den Sie versucht, in Ihre versuche, dies zu lösen?
Look at JQuery Effects

InformationsquelleAutor user1888043 | 2013-03-17

  1. 7

    CSS3 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, die zeigt, dass es funktioniert, in der Tat, es funktioniert bei mir einwandfrei, check it out zu sehen 🙂

    Genau das, was ich gesucht habe! Danke!!! 🙂
    Ihr herzlich willkommen 🙂

    InformationsquelleAutor Suits999

  2. 3

    Ich bin mir nicht sicher, wie du meinst zu glühen? Wenn einfach nur die Farbe wechseln, dann können Sie etwas tun, wie die unten. 

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

    Könnte man dann fügen Sie einige box-shadow hinzufügen einen Schein-Effekt. 

    -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 sich dieses Beispiel fiddle einer zu animieren, hintergrund-Farbe und Schatten Hinzugefügt.

    BEARBEITEN

    Sorry, ich vergaß zu erwähnen, dass Sie müssen die color Animations plugin in der Lage sein, dies zu tun.

    Auch hier ist ein weiterer fiddle , läuft nach einer halben Sekunde und entfernt dann den Schein.... offensichtlich würde dies müssen viel Feintuning zu machen es schön Aussehen.

    InformationsquelleAutor dev

  3. 1
    <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>

    Den Sie verweisen müssen

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

    InformationsquelleAutor CodeBug

Schreibe einen Kommentar