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

请看这个添加动画背景颜色和阴影的示例小提琴。

编辑

对不起，我忘了提到你需要包含彩色动画插件才能做到这一点。

这里还有另一个小提琴，它在半秒后运行，然后消除了辉光……显然，这需要很多调整才能让它看起来不错。

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>