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

애니메이션화 배경색이 예 fiddle을보고 그림자 추가하십시오.

편집

죄송합니다 나는 당신이 color animation plugin이 작업을 수행 할 수 있도록 포함해야합니다 언급하는 것을 잊었다.

또 다른 fiddle은 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>