자습 목적으로 웹에서 코드를 빌 렸는데 잘 작동합니다 . jsfiddle 데모 에서 확인하세요.
마우스로 점을 가리키면 점 크기가 두 배가되는 것과 같은 동적 효과를 추가하고 싶습니다.
$(document).ready(function(){
$('.grilldots').mouseover()(function(){
$(this).resize(function(){
$('.grilldots').height()=52;
})
});
});
위의 코드는 작동하지 않습니다.
원래 점의 크기는 CSS에서 26입니다.
.grilldots{
line-height:0%;
height:26px;
width:260px;
letter-spacing: -0.075em;
color:#be2f08;
font-size:8em;
text-shadow: 0px 2px 2px #fd6e4d;
}
또한 마우스를 가리킬 때 눈이 깜박이도록 만들고 싶습니다. 이렇게하면 색상이 변경 될 수 있습니다.
우선 두 가지 문제가있었습니다. 첫 번째는 이벤트를 잘못된 방식으로 할당했기 때문이고 두 번째는 높이를 잘못된 방식으로 할당했기 때문입니다.
$(seletor).on('event_name', function() {
});
과
$(selector).height(value);
이제 효과를 내기 위해 바이올린을 수정했습니다. 수정 된 바이올린
이 물건을 CSS로 옮기고 : hover 선택기의 이점을 선호하지만.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다