jQuery Guide 遮罩层jQuery插件 项目简介
jQuery-guide是一个用于网站介绍/改版/演示的遮罩层jQuery插件.示例代码:var guide = $.guide({
actions: [
{
element: $('#domeStartGuideBtn'),
content: '<p>Welcome, click on the screen at any position to enter the next step</p>',
offsetX: -140,
offsetY: 60
},
{
element: $('#domeUsingPanel'),
content: '<p>How to using...</p>',
offsetX: -140,
offsetY: 0,
beforeFunc: function(g) {
$('#domeUsingPanel').fadeIn();
}
},
{
element: $('#domeGithubBtn'),
content: '<p>Click here to access the project for Github</p>',
offsetX: 0,
offsetY: 50,
isBeforeFuncExec: true,
beforeFunc: function(g) {
$('#domeGithubBtn').slideDown(function() {
g.execAction();
});
}
}
]
});演示地址: http://panlatent.github.io/jquery-guide/使用教程: https://panlatent.com/archives/jquery-guide
actions: [
{
element: $('#domeStartGuideBtn'),
content: '<p>Welcome, click on the screen at any position to enter the next step</p>',
offsetX: -140,
offsetY: 60
},
{
element: $('#domeUsingPanel'),
content: '<p>How to using...</p>',
offsetX: -140,
offsetY: 0,
beforeFunc: function(g) {
$('#domeUsingPanel').fadeIn();
}
},
{
element: $('#domeGithubBtn'),
content: '<p>Click here to access the project for Github</p>',
offsetX: 0,
offsetY: 50,
isBeforeFuncExec: true,
beforeFunc: function(g) {
$('#domeGithubBtn').slideDown(function() {
g.execAction();
});
}
}
]
});演示地址: http://panlatent.github.io/jquery-guide/使用教程: https://panlatent.com/archives/jquery-guide