지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > H5 튜토리얼 > Html5 플러그인 튜토리얼: 제품 디스플레이에 브라우저 돋보기 효과 추가 window_html5 튜토리얼 기술

Html5 플러그인 튜토리얼: 제품 디스플레이에 브라우저 돋보기 효과 추가 window_html5 튜토리얼 기술

WBOY
풀어 주다： 2016-05-16 15:46:13
원래의
1815명이 탐색했습니다.

KeyMob 모바일 광고 플랫폼은 애플리케이션 개발자와 광고주에게 애플리케이션 교차 프로모션, 모바일 광고 최적화 등 원스톱 모바일 마케팅 솔루션을 제공하여 애플리케이션 개발자와 광고주가 가치를 극대화할 수 있도록 합니다.
1. 사용방법

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




2. HTML 구조

코드 복사
코드

sp-loading 클래스를 사용하여 이미지가 로드될 때 로딩 표시기 컨테이너를 추가할 수도 있습니다. 이 컨테이너는 이미지가 로드된 후에 사라집니다.

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


이미지 로드 중





페이지 로드 시 첫 번째 썸네일 대신 지정된 제품 썸네일을 표시해야 하는 경우 지정하려는 이미지의 하이퍼링크에 sp-default 클래스를 지정하면 됩니다.

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



< ;a href ="images/2.jpg" class="sp-default">
;

3. 초기화 플러그인

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

저자별 최신 기사
최신 이슈
Nuxt.js로 생성된 대시보드를 배포하기 위해 SSG를 사용해야 합니까? Nuxt.js를 사용하여 내부용 대시보드를 개발하겠습니다. 내부 대시보드이므로 범용 스키마가 필요하지 않습니다. 일반적으로 대부분의 대시보드는 SPA에서 개발됩니...
에서 2024-04-06 13:17:44
0
1
493
JS를 사용하여 재생 품질 제어 Javascript를 사용하여 비디오의 재생 품질을 제어할 수 있는 방법이 있습니까? 보다 정확하게는 JavaScript를 사용하여 비디오 품질을 선택하고 싶습니...
에서 2024-04-04 00:21:55
0
1
384
내 페이지의 HTML에 제목이 있지만 표시되지 않습니다. 그래서 방금 코딩을 시작했으니 저를 판단하지 마세요. vscode를 사용하여 웹사이트를 만들려고 하는데 html과 css를 사용하고 있는데 코드 왼쪽 상단에 넣으...
에서 2024-04-01 18:24:53
0
1
364
CSS 클래스 선택기의 너비 속성을 확인하는 방법은 무엇입니까? 예는 .label입니다.{} 다음은 .label의 너비를 270으로 선택한 CSS 코드에 대한 내 의견입니다. 브라우저의 개발자 도구를 사용하여 .label 요소를 검사하면 실제로 너비가 2...
에서 2024-04-01 17:45:11
0
1
338
VSCode ID 속성을 사용자 정의하는 방법은 무엇입니까? 저는 최근에 Atom에서 VSCode로 옮겼으며 대부분의 편집기를 원하는 대로 사용자 정의했지만 여전히 제가 좋아하는 Atom 기능 중 일부가 누락되었습니다. 그...
에서 2024-03-31 14:13:45
0
1
373
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿