基于kissy的tooltips插件
第一步,页面引入kissy-1.3.0包;
第二步,若本地调试需添加配置
var S = KISSY;
S.Config.debug = true;
if(S.Config.debug){
var srcPath = "../../../";
S.config({
packages:[
{
name:"gallery",
path:srcPath,
charset:"utf-8",
ignorePackageNameInUri:true
}
]
});
}
第三步,调用并初始化组件
S.use('gallery/powerTips/1.0/index,gallery/powerTips/1.0/index.css', function (S, PowerTips) {
var powerTips = new PowerTips({
triggers: ".J_PowerTips", //添加标签提示的钩子,支持kissy选择器
location: ["bottom", "right"], //标签出现在触发器上的位置,http://img04.taobaocdn.com/tps/i4/T1ARxoFmJgXXX71nES-550-400.png
textAttr: "tips", //标签显示数据的来源属性名称,默认为title
theme: "blue", //标签主题,包括""(default)、"red"、"blue"、"orange"、"purple"五种皮肤
spacing: 5 //标签显示位置与触发器之间的间隔,单位px
});
})
changelog
V1.0
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。