如何使用jQuery使一个div发光

Question

我想知道如何在页面加载时使 div 以特定颜色呈现闪烁效果。

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

这是我想要发光的 div。 谢谢 :)

- herre.mann

---

“glow”是什么意思？你能发一下你尝试解决这个问题时所尝试的代码吗？ - Frédéric Hamidi

请查看JQuery Effects。 - Jon

Answer 1

CSS3可以做到这些：

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

这里有一个JSFiddle链接，证明它在我这里完全可以正常运行，请查看 :)

- Suits999

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

请查看这个例子，fiddle，演示了如何添加动画背景颜色和阴影。 编辑 抱歉我忘了提到您需要包含颜色动画插件才能实现此操作。

此外，这里还有另一个fiddle，它会在半秒钟后运行，然后删除发光效果... 显然，这需要进行大量调整才能使其看起来好看。

- dev

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>

- CodeBug