이 jsfiddle 에서 목표는 마우스를 그 위로 가져갈 때 사각형을 표시하고 그렇지 않으면 숨기는 것입니다. 문제는 사각형이 숨겨지면 더 이상 마우스 오버시 표시되지 않는다는 것입니다. 어떤 아이디어?
다음은 코드 조각입니다.
var paper = Raphael("canvas", 200, 200);
var r = paper.rect(5,5, 20, 20);
r.attr({ "fill" : "red" });
r.hover(
function() {
this.show(); // mouse hovers in
},
function() {
this.hide(); // mouse hovers out
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"></script>
<div id="canvas"></div>
요소를 숨길 때 기술적으로 더 이상 해당 요소를 가리 키지 않습니다. hide()
세트 때문입니다display:none
다음을 사용하여 숨기는 대신 투명하게 만들 수 있습니다. opacity
http://jsfiddle.net/gnbkqhus/1/
var paper = Raphael("canvas", 200, 200);
var r = paper.rect(5,5, 20, 20);
r.attr({ "fill": "red", "opacity" : "0" });
r.hover(
function() {
r.attr({ "opacity" : "1" });
},
function() {
r.attr({ "opacity" : "0" });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"></script>
<div id="canvas"></div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다