간단 한 JS 마우스 서 스 펜 션 효과 구체 적 인 방법

우선 jquery 라 이브 러 리 를 불 러 와 야 합 니 다(생략).그 다음 에 아래 자 바스 크 립 트 코드 를 페이지 의 머리 에 추가 합 니 다.


<script type='text/javascript'>    
jQuery(document).ready(function($){    
$('a').hover(function()    
{    
$(this).stop().animate({'left': '5px'}, 'fast');    
}, function() {    
$(this).stop().animate({'left': '0px'}, 'fast');    
});    
});    
</script>

세 번 째,스타일 에 추가:


a {position:relative}

완성.간단하게 a:hover 스타일 을 정의 합 니 다.더 간단 한 것 같 습 니 다.


a:hover {   padding: 0 0 0 8px;}

자 연 스 럽 지 못 할 뿐이다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

javascript 구현 마우스 서 스 펜 션 시 동적 스크롤 바

동적 으로 굴 러 가 는 네 비게 이 션 바 clear:after{content:";display:block; height:0; clear:both; visibility:hidden}.clear{display:inl...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

간단 한 JS 마우스 서 스 펜 션 효과 구체 적 인 방법

좋은 웹페이지 즐겨찾기