Tạo chỉ dẫn website bằng Intro.js

11 thg 9, 2013

Intro.js là một plugin nhẹ nhằm tạo ra những chỉ dẫn, cách sử dụng website đối với khách truy cập. Nó hữu dụng đối với những website tương đối phức tạp hoặc website về game. Intro.js còn hỗ trợ các phím cơ bản trên bàn phím để dễ dàng thao tác.

Do dung lượng nhỏ (7KB JavaScript và 3KB CSS) nên Intro.js rất linh động, bạn có thể tạo được nhiều chỉ dẫn và đặt bất kỳ đâu trên website.

Đầu tiên chúng ta đưa file CSS đặt trong thẻ <head>

1	`<link href="/../introjs.css"` `rel="stylesheet">`

Tiếp theo, đưa file js đặt trong thẻ <body>

1	`<script type="text/javascript"` `src="/../intro.js"></script>`

Tạo chỉ dẫn bằng cách khai báo data-step và data-intro

1	`<div data-step="3"` `data-intro="More features, more fun.">`

data-step: Thứ tự của chỉ dẫn.

data-intro: Nội dung của chỉ dẫn.

Intro.js tương tích với nhiều trình duyệt hiện đại như firefox, Chrome, IE8+.

Tags: kiến thức website