jquery 简单的title显示插件 时间:2020-05-12 人气:0 学到插件 自己也倒弄出来一个。 效果图如下: 代码如下: 无标题页 <script src="http://img.jb51.net/jslib/jquery/jquery14.js" type="text/javascript"></script> 你好 四大发送 12331 12331 12331 12331 1的爽肤水 1撒旦法1 12撒旦法112331 12331 12331 12331 <script language="javascript" type="text/javascript"> $(function(){ //插件主题 $.fn.extend({ showTitle:function(){ $('').appendTo('body'); var d=$("#conBox"); this.bind({ mouseover:function(){ if(!$("#conBox")){ $('').appendTo('body'); }else{ d=$("#conBox"); } var of=$(this).offset(); var title=$(this).attr("title"); //定义位置 d.css({top:of.top+$(this).height()+"px",left:$(this).width()/2+of.left+"px"}).text($(this).attr("title")); //显示 d.fadeIn(); }, mouseout:function(){ //鼠标一走隐藏 d.fadeOut(); } }); } }); //调用 $(".ll").showTitle(); }); </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容