JHelperTip插件

jHelperTip 1.0 demo

Click activated tooltip

$("#test").jHelperTip({
 trigger: "click",
 dC:"#tip1", 
 autoClose: false, 
 opacity: 0.9
});

demo1 : Click me !

click here to close

Test .

1. Involving or filled with danger; perilous.

2. Being able or likely to do harm.

Hover activated tooltips

$("#test2").jHelperTip({
 trigger: "hover",
 source: "ajax",
 type: "GET", 
 url: 'ajax.html',
 data: 'name=Kean&age=63',
 loadingImg: 'ajax-loader.gif',
 loadingText: 'loading...',
 autoClose: false, 
 opacity: 0.9
});

demo2 : Hover Me !

$(".action img").jHelperTip({
 trigger: "hover", 
 source: "attribute", 
 attrName: "alt", 
 opacity: 0.8, 
 autoClose:true
});

demo3:

The CSS

#jHelperTipAttrContainer{ 
 background:#FFFFCC;border:1px solid #FF3333; color:#333; display:none;
}

#jHelperTipContainer {
 display:none;
} 

_{demo4 : Note: jHelperTip demo used Silk icon set 1.3}
http://www.cssrain.cn/demo/jhelpertip/jhelpertip.html

 

 

例如

<a class='jtipTestLink' link='../../_LAYOUTS/ERPResources/Pages/OP/dialogTeamPriceView.aspx?TeamID={0}'>{1}</a>