jquery简单的title显示插件_jquery

来源：动视网责编：小采时间：2020-11-27 20:49:42

jquery简单的title显示插件_jquery

jquery简单的title显示插件_jquery:学到插件自己也倒弄出来一个。效果图如下：代码如下：无标题页 #conBox{ position:absolute; width:200px;padding:5px;display:none;background:#666;z-index:999;border-radius:5px;} 你好四大发送 1

推荐度：

点击下载本文 文档为doc格式

导读jquery简单的title显示插件_jquery:学到插件自己也倒弄出来一个。效果图如下：代码如下：无标题页 #conBox{ position:absolute; width:200px;padding:5px;display:none;background:#666;z-index:999;border-radius:5px;} 你好四大发送 1

学到插件自己也倒弄出来一个。

效果图如下：

代码如下：
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页</title> <style type="text/css"> #conBox{ position:absolute; width:200px;padding:5px;display:none;background:#666;z-index:999;border-radius:5px;} </style> </ script> </head> <body> 你好四大发送 12331 12331 12331 12331 1的爽肤水 1撒旦法1 12撒旦法112331 12331 12331 12331 $(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> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

jquery简单的title显示插件_jquery

推荐度：

点击下载本文 文档为doc格式

标签：显示提示简单

热门焦点

jquery简单的title显示插件_jquery

jquery简单的title显示插件_jquery

jquery简单的title显示插件_jquery

最新推荐

猜你喜欢

热门推荐