마우스를 가져 가면 빛나는 텍스트

Question

jQuery에서 빛나는 텍스트 메뉴를 만들려고 노력하고 있으며 많은 노력 끝에 여전히 작동하지 않습니다. 내 실수가 어디 있는지 모르겠다. 누가 도와 줄 수 있니?

HTML :

<div id="list"> 
    <div class="glow Text">HOME</div> 
    <div class="glow Text">CONTACT</div> 
    <div class="glow Text">PRODUCTS</div> 
    <div class="glow Text">SERVICES</div> 
    <div class="glow Text">BLOG</div> 
</div> 

CSS :

body{ 
    background:#000 
} 
#list .glow{ 
    text-shadow: #CCC 0px 0px 0px; 
    position:relative; 
    color: #CCC; 
    font-size: 28px; 
    margin: 0px; 
    padding: 0px; 
    line-height: 26px; 
    font-family: Arial Narrow; 
} 
#list .active{ 
    position:relative; 
    color: #FFF; 
    font-size: 28px; 
    margin: 0px; 
    padding: 0px; 
    line-height: 26px; 
    font-family: Arial Narrow; 
} 

jQuery를 : 나는 당신의 jQuery를이 무엇을하고 있는지 확실하지 않다

jQuery(document).ready(function() { 
    jQuery('.glow').glow(); 
}) 

Answer 1

. 그러나 CSS가 잘못되었다는 것을 알 수 있습니다. 내 .glow 클래스 가지고

는

text-shadow: #CCC 0px 0px 0px; 

이는 : 오프셋 (0px, 0px) 및 0px 흐림 반경 #CCC 색의 그림자를 그린다.

흐림없는 오프셋 및없이 그림자가 그려지기 때문에 그림자는 정확히 일반 텍스트의 동일한 위치에 그려집니다.

이 해결 어느

text-shadow: #CCC 0px 0px 4px; 

또는 오프셋 그림자 (이하 글로우 Y) (IT 글로우 Y한다) 흐림 반경을 추가하는 방법 :

text-shadow: #CCC 2px 4px 0px; 

Answer 2

이것 어리석은 소리로 들릴지 모르겠지만 jquery가 사이트에 올바르게로드되고 있는지 확인하기 위해 두 번 확인 했습니까?

가장 좋은 방법은 내가 일반적으로 사용하는 Google 링크를 사용하는 것입니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

jquery 호출이 이루어지기 전에 헤더에 있는지 확인하십시오.

Answer 3

jquery를 사용하려는 이유가 표시되지 않습니까? 나에게 따르면 CSS 만 사용하면 더 좋은 방법입니다.

https://duckduckgo.com/?q=css+glow