JHelperTip插件

jHelperTip 1.0 demo

Click activated tooltip

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

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
});


  

    $(".action img").jHelperTip({
    

     trigger: "hover", 
    

     source: "attribute", 
    

     attrName: "alt", 
    

     opacity: 0.8, 
    

     autoClose:true
    

    });
  

The CSS

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

    #jHelperTipContainer {
 display:none;
} 
  

_{demo 4 : 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>

JHelperTip插件