Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Codes] SlideNote - Ghi chú với jQuery up Spritely

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Admin

avatar
Administrators
Administrators
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é)
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>
2. Áp dụng như sau
Code:
$('#note').slideNote(); // Cho một phần tử
$('.notes').slideNote(); // Cho nhiều phần tử
Khi đó mã HTML tương ứng là:
Code:

<div id="note"></div> <!-- Cho một phần tử -->
<div class="note"></div> <!-- Cho nhiều phần tử -->
3. Tùy biến các lựa chọn
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



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết