Dot Net Technologies를 사용하여 JQuery에서 마우스 이동시 이미지의 특정 영역을 강조 표시해야합니다.

Question

이미지가 있고 jquery를 사용하여 이미지의 특정 영역을 강조 표시하려고하지만 이미지 맵 컨트롤이나 html의 맵 태그를 사용할 수 없습니다. 이미지의 특정 영역에 div를 표시 할 수는 있지만 해당 영역을 강조 표시 할 수는 없습니다 (보더 또는 강조 표시 할 것과 같은 것을 설정해야합니다). 여기에 약간의 아이디어가 있습니다. 마우스 이동 이벤트의 코디네이터를 발견하고 x> 214 및 y라고 가정하면 조건을 만들었습니다 <2 다음으로 다른 div를 표시해야합니다 ..... 이제 어떻게 특정 영역을 강조 할 수 있습니까? jquery를 사용하여 .... 나는 사실을 지우고 싶다. 실제로 코디네이터를 가져 와서 (논리적으로) 사각형을 만들었다 고 가정하면 다른 div가 표시되는 직사각형으로 마우스를 움직일 때 그 사각형이 강조 표시되어야한다. ..... 도와주세요. 미리 감사드립니다 !!!!!!

성공 : --- 성공했습니다. 노력해 주셔서 감사합니다. 사실은 내가지도 태그를 통해 지금을했고,

Answer 1

글쎄, 당신은 매우 명확 소리를하지 않았다 ........ 잘 작동 ...하지만 난 이런 식으로 할 것 :

var myImage = $("#myImage"); 
var imageOffset = myImage.offset(); 

var highlight = $("<div />", { 
    css: { 
     "background-color":"blue", 
     "opacity":"0.5" 
    } 
}); 

//Highlight a quarter of image in an opaque blue 

highlight.appendTo("body"); 
highlight.height(myImage.height()/2); 
highlight.width(myImage.width()/2); 

highlight.offset(imageOffset); 

을

체인을 연결하면 코드 수가 적습니다.