jquery插件工具提示v顶部淡入淡出效果使用示例

内部使用复制代码代码如下：标题/标题链接。CSS ' rel='样式表type=' text/CSS '/link href=' jquery。工具提示。less ' rel='样式表/less ' type=' text/CSS '脚本src=' http : less-1。4 .2 .量滴js ' type=' text/JavaScript '/script src=' http://Ajax。谷歌api。com/Ajax/libs/jquery/1 ./div按钮onclick=' JavaScript : tg1()；info/button按钮onclick=' JavaScript : tg2()；警报/按钮按钮onclick=' JavaScript : G3()；隐藏/按钮脚本语言=' JavaScript ' $(' # tooltipContainer ').tooltip()；//初始化函数tg1() { $('#tooltipContainer ').工具提示('信息','据你的使用和需求的不同.');}函数tg2() { $('#tooltipContainer ').工具提示('警报','据你的使用和需求的不同.');}函数tg3() { $('#tooltipContainer ').工具提示("隐藏");} /script/bodycss复制代码代码如下：tooltip _ info {背景：绿色；font-size :20 px边框半径： 10px}.tooltip _ alert {背景：黄色；font-size :20 px边框半径： 10px}jquery.tooltip插件射流研究…代码复制代码代码如下：(函数($){ var methods={ init : function(options){ return this。每个(函数(){ var $ this=$(this))；var settings=$this.data('工具提示');if(类型(设置)=' undefined '){ var defaults={ infocss : ' tooltip _ info '，alertCss: 'tooltip_alert '，disappartime : 1000 }设置=$ .扩展({}，默认值，选项);$this.data('工具提示，设置);} else { settings=$ .扩展({}，设置，选项);$this.data('工具提示，设置);} $ tooltip=$(' # tooltip ')；$工具提示。hide()；if($工具提示。length==0){ $ tooltip=$(' div/div ')；$(“正文”).prepend($ tooltip)；$工具提示。hide()；} }) }，info:函数（选项){退回这个。每个(function(){ var $ this=$(this)；定义变量设置=$这个。数据('工具提示')；cleartime out($这个。数据(' autodsapearhandle ')；$tooltip.html(选项);$工具提示。移除类(设置。警报器).添加类(设置。info CSS)；$工具提示。FADEIN()；var hide tooltip=function(){ $ tooltip。淡出()；} $这个。数据(' autodsapearhandle '，setTimeout(隐藏工具提示，设置。disappartime))；}) }，alert:函数（选项){退回这个。每个(function(){ var $ this=$(this)；定义变量设置=$这个。数据('工具提示')；cleartime out($这个。数据(' autodsapearhandle ')；$tooltip.html(选项);$工具提示。移除类(设置。infocss ).addClass(设置。alertcss$工具提示。FADEIN()；var hide tooltip=function(){ $ tooltip。淡出()；} $这个。数据(' autodsapearhandle '，setTimeout(隐藏工具提示，设置。disappartime))；}) }，hide : function(){返回这个。每个(function(){ var $ this=$(this)；cleartime out($这个。数据(' autodsapearhandle ')；$工具提示。淡出()；}) } };$ .fn。tooltip=function(){ var method=arguments[0]；if(methods[method]){ method=methods[method]；参数=数组。原型。切片。call(参数，1)；} else if(方法的类型)=' object ' |！method){ method=methods。初始化；} else { $ .错误('方法'方法'在' jQuery.tooltip '上不存在);归还这个；} return method.apply(this，arguments)；} })(jQuery)；