jQuery文本提示与图片提示效果的实现方法
本文介绍了实现jQuery文本提示和图片提示效果的方法,供大家参考:1。结果如下:
2。文本提示代码:
/ / < { CDATA {!
$(函数(){())
变量x=10;
var=20;
$(a.tooltip)。Mouseover(function(e){
this.mytitle = this.title;
this.title = ;
风险提示=+ this.mytitle + ; / /创建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
});
});
})
>
提示1。
提示2。
自我激励1。
自我激励2。
三.图像提示代码:
/ / < { 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相关内容的更多读者感兴趣的读者可以看到特别站:
希望本文能对jQuery程序设计有所帮助。