jquery网站功能介绍步骤

 查看演示  website  立即下载

$(document).ready(function() {
	$("#btnStart").click(function() {
		introJs().setOptions({
			nextLabel: '下一步 →',
			prevLabel: '← 上一步',
			skipLabel: '跳过',
			doneLabel: "完成",
			exitOnOverlayClick: false,
			exitOnEsc: false,
			showBullets: false
		}).start();
	});
});

/*
Options:

    steps: For defining steps using JSON configuration (see this example)
    nextLabel: Next button label
    prevLabel: Previous button label
    skipLabel: Skip button label
    doneLabel: Done button label
    tooltipPosition: Default tooltip position
    tooltipClass: Adding CSS class to all tooltips
    exitOnEsc: Exit introduction when pressing Escape button, true or false
    exitOnOverlayClick: Exit introduction when clicking on overlay layer, true or false
    showStepNumbers: Show steps number in the red circle or not, true or false
    keyboardNavigation: Navigating with keyboard or not, true or false
    showButtons: Show introduction navigation buttons or not, true or false
    showBullets: Show introduction bullets or not, true or false
    scrollToElement: Auto scroll to highlighted element if it's outside of viewport, true or false
    overlayOpacity: Adjust the overlay opacity, Number

 */

PREVIOUS:
NEXT:
完美支持IE圆角/阴影等CSS3样式
超漂亮的placeholders提示