테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

jquery로 html에 onmouseover 부여 하는 방법입니다. 채택완료

amkorjquery 9년 전 조회 2,567
답변 1
목록

일반적으로

</p><p><script></p><pre style="white-space: pre-wrap; word-wrap: break-word; font-size: 15px; background-color: rgb(238, 238, 238); color: rgb(51, 51, 51); box-sizing: content-box !important; margin-top: 0px !important; margin-bottom: 0px !important; line-height: 1.1em !important; font-family: source-code-pro, Consolas, monospace !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; bottom: auto !important; height: auto !important; left: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;"><div class="container" style="box-sizing: content-box !important; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; font-size: 1em !important; min-height: auto !important;"><div class="line" style="box-sizing: content-box !important; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code style="word-wrap: normal; display: block; box-sizing: content-box !important; font-size: 1em !important; line-height: 1.1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; font-family: source-code-pro, Consolas, monospace !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;">$( <span class="string" style="box-sizing: border-box; color: rgb(221, 17, 68);">"div.overout"</span> )<span style="background-color: initial; font-size: 1em;">.mouseover(</span><span class="keyword" style="background-color: initial; font-size: 1em; box-sizing: border-box; font-weight: bold;">function</span><span style="background-color: initial; font-size: 1em;">() {</span></code></div></div><div class="container" style="box-sizing: content-box !important; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; font-size: 1em !important; min-height: auto !important;"><div class="line" style="box-sizing: content-box !important; border-radius: 0px !important; background: none !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 40px; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code style="word-wrap: normal; display: block; box-sizing: content-box !important; font-size: 1em !important; line-height: 1.1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; font-family: source-code-pro, Consolas, monospace !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;"><span style="background-color: initial; font-size: 1em;">
</span></code><code style="word-wrap: normal; display: block; box-sizing: content-box !important; font-size: 1em !important; line-height: 1.1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; font-family: source-code-pro, Consolas, monospace !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;"><span style="background-color: initial; font-size: 1em;">
</span></code><code style="word-wrap: normal; display: block; box-sizing: content-box !important; font-size: 1em !important; line-height: 1.1em !important; padding: 0px !important; background: none !important; border-radius: 0px !important; font-family: source-code-pro, Consolas, monospace !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; min-height: auto !important;"><span style="background-color: initial; font-size: 1em;">});</span>
</code></div></div></pre><p> </p><p> </p><p></script></p><p> </p><p>

통해 할수 있지만

 

저렇게가 아닌

기존 아래 태그가 

</span> </p><p><font id="font"  color="#CCCCCC" >abcd</font> </p><p> <span style="font-size: 14.6667px;">

jquery 이벤트 적용으로

</span> </p><p><font id="syh"  color="#CCCCCC" onmouseover=style.color='#ED4545' onmouseout=style.color='#CCCCCC'>abcd</font> </p><p> <span style="font-size: 14.6667px;">

이렇게 부여하는 방법을 알고 싶습니다.

 

방법이 있을까요

 

 

#jquery #html
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
김
김깡짱
9년 전

<font id="syh"  color="#CCCCCC" onmouseover=style.color='#ED4545' onmouseout=style.color='#CCCCCC'>abcd</font>  


이거 색깔 바꾸시는거면

$(document).ready(function () { 

$('#syh').hover(function() {

$(this).css('color','#ed4545');

}, function() {

$(this).css('color','#cccccc');

});

});

이렇게 하시면 될거에요

 


도움이 되셨으면 체택부탁드려요^^

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인