鼠标jquery鼠标经过图片出现提示文字

jQuery鼠标经过图片出现提示文字

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://w ww.w 3.org/T R/xhtml 1/DT D/xhtml 1-trans itiona l.dtdhtml xmln s=http://www.w 3.org/1999/xhtmlheadmeta charset=utf-8title reminder/titlescript src=jquery.min.js type=text/javascript /scripts tyle

.box{position:absolute;border:1px solid#ccc;bac kground:#333;padding:2px;color:#fff;img{border:#000 1px solid;}

/s tyle

/headbodyimg src=11.jpg/div‘box’+title+/div//定义变量box获取要显示的内容

$(body).append(box); //向页面中插入变量box引入的信息

$( img).mous eout(function(){ //当鼠标从img移出时执行

$( .box).remove(); //清除页面加载的内容

$( img).mousemove(function(e){ //当鼠标在img上移动时

$( .box).cs s({ top: (e.pageY+y)+px, left : (e.pageX+x)+px}); //页面中插入内容box的位置为鼠标的位置,再加上偏移量

/script

/body

/htmlpageX()属性是鼠标指针的位置相对于文档的左边缘。pageY()属性是鼠标指针的位置相对于文档的上边缘。remove()方法删除被选元素及其子元素。

来自 jQuery鼠标经过图片出现提示文字