그림과 같이 오늘 제가 한 일은 JQuery를 사용하여 이 효과를 시뮬레이션하는 것이었습니다. 소스 코드는 다음과 같습니다 코드 복사 코드는 다음과 같습니다. script> <BR><script type="text/javascript"> <BR>//data가 데이터베이스에서 얻은 데이터라고 가정<BR>var data = {"images/1_small .jpg":["images/ 1_big.jpg","속옷 소녀","주연: Moon Wing Shan, Michelle Cheng"],"images/2_small.jpg":["images/2_big.jpg","Love Trap ","출연: 김정훈, 채린"] ,"images/3_small.jpg":["images/3_big.jpg","소스 코드","출연: 저스틴, 크리스티나"]}; <BR>$ (function(){ <BR> $.each(data,function(key,value){ <BR>var smallimg = $("<img src='" key "' alt="JQuery를 사용하여 Taobao의 이미지 돋보기 표시 모방 effect_jquery" >"); <BR>smallimg. attr("bigmappath",value[ 0]); <BR>smallimg.attr("personname",value[1]) <BR>smallimg.attr("personheight",value[2]); .mouseover(function(e){ <BR>$("#detailImg").attr("src",$(this).attr("bigmappath")); <BR>$("#detailHeight").text ($(this).attr( "사람키")) <BR>$("#detailName").text($(this).attr("사람이름")) <BR>$("#details") .css("top",e .pageY).css("left",e.pageX).css("display","") <BR>}) <BR>$("body").append (smallimg); <BR>}) <BR> <BR><div style="max-width:90%" id ="details"> <BR><img id="detailImg" src="" alt="JQuery를 사용하여 Taobao의 이미지 돋보기 표시 모방 effect_jquery" > <BR><p id="detailHeight"> <BR><p id="detailName"> <BR>