Marginotes를 사용하여 모든 웹 사이트에 마진 호버 텍스트 추가하기

인라인 툴팁 환상적이지만 때로는 특정 콘텐츠와 잘 어울리지 않습니다. 대부분의 웹 사이트는 페이지 본문을 따라 여백에 공간을 남겨 둡니다. 툴팁이없는 툴팁 스타일의 컨텐츠.

들어가다 마 지 노스, 무료 오픈 소스 jQuery 플러그인 여백에 맞춤 노트를 추가합니다. 당신의 웹 페이지의. 이러한 메모는 페이지의 링크 나 특정 요소 (예 : 이미지)를 토글 할 수 있습니다.

이 플러그인은 놀라 울 정도로 쉽게 설치할 수 있으며 기본 스타일 시트 귀하의 여백 메모. 이것들이 나타난다. 옆으로 귀하의 콘텐츠가 웹 페이지의 단락 요소 바로 옆에 정렬됩니다..

마우스 오버 한 메모는 수동으로 추가됨 HTML 요소에, ~을 사용하여 내림차순 속성. 나는 이것이 HTML5에서 본 적이 없으므로 HTML5에서 완전히 준수하는지 말할 수는 없습니다. 그러나 실제로 필요한 모든 것이 JavaScript에 의해 선택됩니다..

당신은 또한 수 이 속성을 변경하십시오 당신이 여백 메모 (개) 함수로 변경할 수 있습니다. 데이터 - 내림차순 좀 더 준수하기를 원한다면.

여기에 한 줄의 jQuery 이 플러그인을 작동시키는 데 필요한 것 :

 $ ( "selector"). 여백 () 

대체해야합니다. "선택자" 어떤 요소를 타겟팅 하든지간에 따라서 페이지 본문 내에있는 경우 ".body span". 너는 또한 할 수 있었다. 타겟 앵커 링크 또는 특정 계급에 의해 이러한 요소에 추가됨.

내부 여백 메모 (개) 함수를 추가 할 수 있습니다. 2 개의 선택적 매개 변수 여백 메모 형식을 변경하려면 다음을 수행하십시오.

1. 폭 - 노트 너비를 설정합니다 (기본값은 100px).
2. 들 - HTML 내용 속성을 설정합니다 (기본값은 "desc")

또한 jQuery를 사용하는 것을 좋아하지 않는다면 바닐라 마길 노트 플러그인. 그것은 바닐라 JS에서 실행되므로 종속성이 없다. 모든 동일한 기능을 얻으려면.

이것도 확인할 수 있습니다. 라이브 데모 행동을보고 싶다면. 이것은 확실히 독특한 플러그인이며, 그것은 좋은 방법입니다. 몇 가지 추가 콘텐츠 추가 귀하의 사이트로.