SlideNote
là một plugin (của jQuery) đơn giản và linh động trong việc tạo ra các
ghi chú dạng trượt trên website. SlideNote làm cho phần tử HTML xuất
hiện khi người dùng đi xuống phía dưới trang web một khoảng cách đặt
trước.
Plugin cho phép hiển thị nội dung hoặc một phần nội dung của một địa
chỉ nào đó (ajax). Bạn có thể tùy biến được góc xuất hiện của slide và
chọn ảnh cho nút "close" của ghi chú.
Cách sử dụng
1. Thêm SlideNote vào header của trang web (bạn đừng quên thêm jQuery nhé)
là một plugin (của jQuery) đơn giản và linh động trong việc tạo ra các
ghi chú dạng trượt trên website. SlideNote làm cho phần tử HTML xuất
hiện khi người dùng đi xuống phía dưới trang web một khoảng cách đặt
trước.
Plugin cho phép hiển thị nội dung hoặc một phần nội dung của một địa
chỉ nào đó (ajax). Bạn có thể tùy biến được góc xuất hiện của slide và
chọn ảnh cho nút "close" của ghi chú.
Cách sử dụng
1. Thêm SlideNote vào header của trang web (bạn đừng quên thêm jQuery nhé)
- Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.slidenote.js" type="text/javascript"></script>
- Code:
$('#note').slideNote(); // Cho một phần tử
$('.notes').slideNote(); // Cho nhiều phần tử
- Code:
<div id="note"></div> <!-- Cho một phần tử -->
<div class="note"></div> <!-- Cho nhiều phần tử -->
- Code:
$('#myNotification').slideNote({
where: 640, // Vị trí so với mép trên cùng trang web
corner: 'left', // Góc xuất hiện
url: 'ajax.html', // Link tải nội dung
container: 'note', // chỉ lấy #note trong nội dung trả về
closeImage: '/images/close.png' // Ảnh cho nút close
});
Nguồn : NTUTS