RSSJquery

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

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.

jQuery và CSS

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

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

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

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

HTML

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

    <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+.

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

 

 

Nguồn: Y2Graphic

 

 

Tags:

Nếu bạn thấy bài viết hữu ích, hãy nhấn +1 và các liên kết chia sẻ để website ngày càng phát triển hơn. Xin cám ơn bạn!

Nếu là khách, bạn phải đăng ký tài khoản và kích hoạt tài khoản để bình luận được hiển thị ở đây.
Thông tin kích hoạt gửi đến mail của bạn.

Tin mới hơn

Tin cũ hơn

Lên trên đầu