本文演示了将jQuery鼠标移动到小图上显示大图效果的方法，供大家参考，具体分析如下：

显示大图片功能，类似于以前的jQuery方法，实现超链接鼠标提示的效果。稍微修改一下代码可以使图片提示。

引用前面的超链接提示的代码只需要将所创建的div元素的代码更改为：


创建图片的div元素
工具提示；





当鼠标滑过画面时，显示器会有一幅大图片，为了使效果更人性化，你还需要添加图片的描述，即在图片的相应引导下出现的大图片。

根据超链接的标题属性值，可以得到图片的相应文本。jQuery代码如下所示：


this.mytitle = this.title；
this.title = ；
无功imgtitle = this.mytitle + this.mytitle：；




然后将其添加到div元素中，代码如下所示：


创建div元素
风险提示= imgtitle + +；




当判断this.mytitle是三元计算的结构是：布尔值1，值2。它的第一个参数必须是布尔值。当然，三元的操作也可以代替如果（）{ } { }别的，例如：


无功imgtitle；
如果（这个封号）{
imgtitle = + this.mytitle；
{人}
imgtitle = ；
}




这样，画面就提示效果完成，当鼠标滑过画面时，画面就会出现在大画面的预览中，在大画面下会有一个介绍。

本例的完整代码如下所示：



/ / < { CDATA {！
$（函数（）{（））
变量x＝10；
var＝20；
$（a.tooltip）。Mouseover（function（e）{
this.mytitle = this.title；
this.title = ；
无功imgtitle = this.mytitle + this.mytitle：；
风险提示= imgtitle + +；
创建div元素
$（）；
它被附加到文档
$（#提示）
CSS（{
顶：（e.pagey + y）+PX
左：（e.pagex + x）+PX
}）显示（）；设置x和y坐标，并显示。
}）。Mouseout（function（）{）
this.title = this.mytitle；
$（#提示）（去除）； / /删除
}）。Mousemove（function（e）{ {）
$（#提示）
CSS（{
顶：（e.pagey + y）+PX
左：（e.pagex + x）+PX
}）；
}）；
}）
>



希望本文能对大家的jQuery程序设计有所帮助。