>웹 프론트엔드 >JS 튜토리얼 >jQuery_jquery에서 대체 문자열 교체를 통해 큰 이미지와 작은 이미지 간 전환

jQuery_jquery에서 대체 문자열 교체를 통해 큰 이미지와 작은 이미지 간 전환

WBOY
WBOY원래의
2016-05-16 17:53:421365검색

핵심은 다양한 크기의 이미지 전환을 달성하기 위해 교체를 사용하여 img src의 이미지 경로를 바꾸는 것입니다.

아래 애니메이션은 크기 전환을 보여줍니다. "큰 이미지" 버튼을 클릭하면 이미지의 src가 변경되고, 큰 이미지가 로드되며, "작은 이미지" 버튼을 클릭하면 다시 작은 이미지가 표시됩니다.

바꾸기 사용법 간략히 설명:
저도 사실 초보자라 하이한을 잘 이해하지 못합니다.
String.replace(a,b);는 a가 포함된 문자열 부분을 b로 바꾸는 것을 의미합니다. 예를 들어 obj="welcome to my website!"; "); 문자열 obj에서 my를 대체하기 위해 jb51net 문자열을 사용하는 것을 의미합니다.

관심이 있으시면 다음 코드를 테스트에 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

var obj="내 웹사이트에 오신 것을 환영합니다!"
var newobj=obj.replace("my","jb51net's")
alert(newobj);

그렇습니다. 더 많은 학습 콘텐츠는 예시 페이지에 있습니다.

핵심 코드:
코드 복사 코드는 다음과 같습니다.




패키지 다운로드 주소
jquery-replace-pic-convert.rar
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.