전체 웹 페이지에서 jquery로 마우스 커서를 숨기는 방법. 나는이jquery로 마우스 커서를 숨기는 방법
$(document).ready(function(){
$(body).css({
'cursor' : 'none'
});
});
을 시도하지만이 모든 브라우저에서 작동하지 않습니다. 이것을 구현할 플러그인이 있습니까?
미리 감사드립니다.
$('body').css('cursor', 'none');
브레인 저는 방금 내 질문을 편집했습니다. – KillerFish
'body'를 둘러싼 인용문이 중요합니다. –
또한 Flash 무비 위에 마우스를 올리면 작동하지 않습니다. 무비 자체에서 처리해야합니다. 또한 CSS에서 커서의 이름을 명시 적으로 지정하는 요소에 대해서는 작동하지 않습니다. http://bugs.jquery.com/ticket/2066을 참조하십시오. –
jQuery 메서드와는 아무런 관련이 없습니다. 사실 귀하의 페이지에는 CSS가 있습니다.
본문 요소가 실제로 페이지에 표시되는지 확인 (방화 쇠 사용). 오버플로가 기본적으로 자동으로 설정 되었기 때문에 내용이 다를 수 있지만 본문 높이 및 너비도 100 %로 설정해야합니다.
다음은 무엇 절대 위치로 (100 % 사업부를 투명한 DIV 오버레이를 사용하는 방법에 대한 http://jsfiddle.net/Ilmv/XQmqe/
@ILMV : Google 크롬이이 기능을 지원하지 않습니다 ... Chrome 커서에서 볼 수 있습니다 ... 작업 예제에서도 ... – KillerFish
재미 있군요. 나 ... 그리고 나는 구글 크롬을 사용하고있다. 지금 jsFiddle에 문제가 있습니다. 다시 연락 드리겠습니다. –
나는 usign 구글 크롬 8.0.552.215 베타 – KillerFish
을»작업 예제) (화면에서 마우스 움직임을있을 때 실제로 body.mouseover 호출을 보장하기 위하여 너비 및 높이, 양의 z- 색인) 커서가 없음으로 설정됩니다. 그런 다음 jQuery를 사용하여 설정/해제를 전환 할 수 있습니까?
문서의 구조에 따라 '절대'대신 '고정'위치를 만드는 것이 좋습니다. –
@ 빅터, 아이디어 일 수 있습니다. 나의 계획에있는 유일한 딸꾹질은 페이지가 명확한 div에서 스크롤 할 수있는 창보다 길 경우입니다. 오버플로를 제거하십시오! – PseudoNinja
모든 브라우저에서 올바르게 작동해야합니다. 커서가 발생하는 요소를 파이어 버그에 체크인하고 명시 적으로 "커서 : 포인터;"가 있는지 확인하십시오. 또는 이와 동등한 설정.
페이지가 준비되어있을 때 div 요소로 오버레이를 만들면 차단 여부를 설정할 수 있다고 생각합니다.
HTML 코드 :
<div>Test</div>
CSS 코드 :
div {
position: fixed;
left: 0%;
width: 100%;
height: 100%;
cursor: none;
visibility: block;
}
는이 유를 도와 수 있기를 바랍니다 .. 내가 jsfiddle에서 테스트하고 나를 위해 어쩌면 그것은 무엇 유를
작동 찾기
크롬이 지원하지 않습니다 .. – KillerFish
@killerfish : Chrome에서는 테스트하지 않았지만 div가 아닌 몸체를 사용합니다 ... 왜 작동하지 않습니다 .. –
다른 해결책은 custo를로드하여 수행 할 수 있습니다. 커서로 투명한 ICO/PNG 파일.
cursor: url('my-transparent-cursor.ico');
이제 커서가 있지만 투명하고 보이지 않습니다. 그냥 내 두 센트.
원본 코드에서 본문에 작은 따옴표를 사용 했습니까 ?? – kobe
@ gov : 여기에 작은 따옴표를 쓰는 걸 잊었지만, 내 프로젝트에서 줬어. – KillerFish
위의 코드로 .. fiirefox 만 지원 .. – KillerFish