鼠标经过:
&nbs">

>웹 프론트엔드 >JS 튜토리얼 >사진 위로 마우스를 이동하면 마우스를 따라가며 확대된 사진을 표시합니다. effect_jquery

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

WBOY
WBOY원래의
2016-05-16 17:32:351706검색

: \ :


사진 위로 마우스를 이동하면 마우스를 따라가며 확대된 사진을 표시합니다. 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
})
})



<본문>











성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.