사진 위로 마우스를 이동하면 마우스를 따라가며 확대된 사진을 표시합니다. effect_jquery

<머리>



<스크립트 언어="javascript">
$(function(){
var offsetX=20-$("#imgtest").offset().left;
var offsetY=20-$("#imgtest").offset() .top;
var size=1.2*$('#imgtest ul li img').width()
$("#imgtest ul li").mouseover(function(event) {
var $target=$(event.target);
if($target.is('img'))
{
$("").css({
"height":size,
"width":size,
"top":event.pageX offsetX,
" left":event.pageY offsetY,
}).appendTo($("#imgtest"));
}
}).mouseout(function() {
$("#tip" ).remove();
}).mousemove(function(event) {
$("#tip").css(
{
"left":event.pageX offsetX,
"top":event.pageY offsetY
})
})



<본문>