当前位置:Gxlcms > JavaScript > jQuery提示效果代码分享_jquery

jQuery提示效果代码分享_jquery

时间:2021-07-01 10:21:17 帮助过:3人阅读

代码一:

代码如下:

提示1.


提示2.


自带提示1.


自带提示2.


代码如下:

$(function(){
$(".tooltip").mouseenter(function(e){
this.mytitle=this.title
this.title=""
var a="
"+this.mytitle+"
"
$("body").append(a);
$("div").css({
"top": (e.pageY + y) + "px",
"left": (e.pageX + x) + "px"
}).show("fast")
}).mouseout(function(){
this.title= this.mytitle;
$("div").remove();
});
})

学习心得:

不要在p标签下追加div元素,会出现一个大的偏差值!

原来!this和$("this")是有所不同,如果上文
this.title改写成$("this").attr("title")会导致下面的mouseout事件无法访问保存下来的title

代码二:

引用css:jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css
引用js:jqueryui/js/jquery-ui-1.8.18.custom.min.js

代码如下: