悬停小图标显示大图标

页面元素是div,表是,在TD中,鼠标悬停在大图片上,鼠标离开大图片。



首先,你需要知道,JQ创建DOM元素的语法;$(HTML标签),例如,创建一个img标签img = $(var );



第二,悬停鼠标离开这里是悬停法,语法是$(选择器)。悬停(功能、运动功能),

两个函数都需要当鼠标指针悬停在选定的元素。其功能是必要的,运动功能是可选的。



该方法引发MouseEnter和MouseLeave事件。

注:如果只有一个函数指定,它将运行在MouseEnter和MouseLeave事件。

该函数是定义在这里确定的大图片的位置,和IMG节点的运动功能为删除。



1)是不足以创建对象,你需要添加创建的对象的文档节点,并用JQ的方法

附加()-在选定元素的结尾插入内容

Prepend()在选定的元素前面插入内容

在选定元素后插入()内容

在选定元素之前插入内容

这里的应用是将一个值赋给IMG的第一,然后添加:


Img.attr(src
element.append美元(IMG);


2)当确定大图片的位置时,需要三个参数。第一个是引用元素。这是TD的父元素,变量为$ = $(这个)。



第二个是这里创建的目标元素。这里是IMG,和第三是目标元素可以出现区域性元素。它通常是一个大的元素。这里是div父元素,表(FatherDiv)。



所以,具体的方法是,


功能getposition($元,IMG,$(。fatherdiv ){)
var = $ element.position(顶部)+ $ element.height(顶部); / /:指顶+参考元素本身高度的因素。
无功maxbottom = $(。fatherdiv )(的高度); / /得到高度的区域性因素。
无功明拓= 40;
如果(上+ img.height()> maxbottom){
最高element.position美元()上img.height();
}
如果(顶部<明拓){ / /如果判断,确保无论滑轮移动鼠标,目标元素总是出现在屏幕上。
顶端为明拓;
}
VaR firstelement美元=美元($(。fatherdivtbody TR){ 0 });
Img.css(顶,顶至firstelement.position()。顶+ 40);
}


3)创建的对象中删除;element.remove美元();

4)目标元素的CSS需要满足一些条件:位置:绝对


{。changephoto
位置:绝对;
宽度:120px;
身高:160px;
左:300px;
右:10px;
浮子:右边;
Z指数:9;
}