제이쿼리 코드를 CSS로 변경하고 싶습니다 채택완료
ango
6년 전
조회 4,092
아래처럼 해봤는데 잘 안되네요;;
div.main-menu:hover .main-link(color:red;)
</p>
<p>$(function(){</p>
<p> </p>
<p>$('div.main-menu').hover(function() {
$('.main-link').css("color", "red");
}, function(){
$('.main-link').css("color", "white");
});</p>
<p> </p>
<p>$('div.comm-menu').hover(function() {
$('.comm-link').css("color", "red");
}, function(){
$('.comm-link').css("color", "white");
});</p>
<p> </p>
<p>$('div.down-menu').hover(function() {
$('.down-link').css("color", "red");
}, function(){
$('.down-link').css("color", "white");
});</p>
<p> </p>
<p>});</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
6년 전
</p>
<pre>
$(function(){
$('div.main-menu').hover(function() {
$('.main-link'<span style="color:#e67e22;">,$(this)</span>).css("color", "red");
}, function(){
$('.main-link'<span style="color:#e67e22;">,$(this)</span>).css("color", "white");
});
$('div.comm-menu').hover(function() {
$('.comm-link'<span style="color:#e67e22;">,$(this)</span>).css("color", "red");
}, function(){
$('.comm-link'<span style="color:#e67e22;">,$(this)</span>).css("color", "white");
});
$('div.down-menu').hover(function() {
$('.down-link'<span style="color:#e67e22;">,$(this)</span>).css("color", "red");
}, function(){
$('.down-link'<span style="color:#e67e22;">,$(this)</span>).css("color", "white");
});
});</pre>
<p>
아마 기존코드였으면
div.main-menu 에 마우스오버했을때
main-link 클래스를 가진 모든 얘들이 작동했거나 소스가 엉켰을거같은 느낌이 드네요.
그래서 $(this)를 넣어
div.main-menu에 마우스오버했을때
내가 마우스오버한 div.main-menu( 즉, $(this) ) 중에 main-link클래스 가진얘들에게
이벤트 실행
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
a
ango
6년 전
�
아르키어드
6년 전
뭐 다 똑같이 red,white만 주실꺼라면 굳이 hover 대상에 각각의 클래스가 아닌 1개의 클래스를 주고 하면 되겟죠?
main-menu, comm-menu, down-menu
3개의 클래스에 navBtns 클래스를 추가해주고
[code]
$('.navBtns ').hover(function() {
$('.comm-link',$(this)).css("color", "red");
}, function(){
$('.comm-link',$(this)).css("color", "white");
});
[/code]
main-menu, comm-menu, down-menu
3개의 클래스에 navBtns 클래스를 추가해주고
[code]
$('.navBtns ').hover(function() {
$('.comm-link',$(this)).css("color", "red");
}, function(){
$('.comm-link',$(this)).css("color", "white");
});
[/code]
a
ango
6년 전
감사합니다 잘쓸께요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
함수로 짜야하나..