Javascript anno.js-如何在anno.js中自定义按钮
我每隔几天就下载一个名为anno.js的插件,我的js代码不是很好。我想在这个插件中自定义一个内置按钮。以前有人这样做过吗 我想做的就是定制这个跳过按钮 变成这个 这是我的js代码Javascript anno.js-如何在anno.js中自定义按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我每隔几天就下载一个名为anno.js的插件,我的js代码不是很好。我想在这个插件中自定义一个内置按钮。以前有人这样做过吗 我想做的就是定制这个跳过按钮 变成这个 这是我的js代码 var anno8 = new Anno([{ target: '.guides', position: 'left', content: "Add another app or manage existing ones by going to <b>‘
var anno8 = new Anno([{
target: '.guides',
position: 'left',
content: "Add another app or manage existing ones by going to <b>‘My Applications’</b> through this menu button",
buttons:[{
text:'Skip',
click: function(anno,evt){
anno.hide();
//$('#dialog').modal('show');
}
},AnnoButton.NextButton]
var anno8=新Anno([{
目标:'.guides',
位置:'左',
内容:“通过此菜单按钮转到“我的应用程序”,添加其他应用程序或管理现有应用程序”,
按钮:[{
文本:'跳过',
单击:功能(anno、evt){
anno.hide();
//$('对话框').modal('显示');
}
},AnnoButton.NextButton]
Anon.js有自己的css文件。您可以直接编辑css,也可以创建自己的css文件
.anno-btn {
//define your styles here
}
如果编辑.anno btn类,则将编辑所有按钮。 您必须在按钮中添加一个特定的类名,这样您就可以通过css选择它
var intro = new Anno([
{
...
buttons:[{
text:'Skip',
className: 'anno-btn-skip',
}]
...
},
]);
我建议选择带有您想要的特定文本的按钮
$('document').ready(函数(){
var intro=新Anno([
{
目标:“#第一”,
内容:“你好,世界!”,
按钮:[{
文本:'跳过',
类名:“anno btn skip”,
}]
},
]);
$('clickMe')。在('click',函数(e)上{
show()简介;
});
});
.element{
高度:100px;
宽度:100px;
边框:2倍纯绿;
保证金:0px自动;
}
.anno btn container>.anno btn skip{
背景色:白色!重要;
颜色:#0d7fad!重要;
边框:1px实心#0d7fad!重要;
边界半径:0.6em!重要;
}
第一要素
如何为skip按钮添加额外的类,因为如果我检查它们,所有按钮都有相同的类,这就是为什么我只选择skip
按钮而不是所有。anno btn
skip Next这是他们的html标记,如果我上次检查它们,请检查我的答案。我没有选择。anno btn
我选择的是.anno btn
和textskip
对不起,如果您使用。skip不是指“skip”text,而是另一个名为skip cmiiw的类。我明白了,那么如何为skip添加额外的类呢?