16/09/2014 06:35:27 PM

Bài viết sưu tầm

[JQuery] Trượt chuyển động với phong cách của Iphone trên trình duyệt

Việc sử dụng website bây giờ, không chỉ còn là việc click chuột. Nó đã được lây lan từ trackpad  đến các màn hình cảm ứng. Hôm nay tôi sẽ hướng dẫn các bạn sử dụng một Jquery mới để sử dụng trên nền HTML5 với phong cách “trượt và kéo” của IPHONE.

Hướng dẫn sử dụng Plugin

$(document).ready(function() {
    $('.content').dragSensitive({
        // The length of every row. Default is 10 items per row
        rowLength : 10,
        
        // The default width of the box.
        boxWidth  : 500,
        // The default height of the box.
        boxHeight : 500,
        // The rate at which grabbing pans across items
        // The default is 1.3. Increasing makes it go slower.
        rate      : 1.3,
        
        // Sets whether or not the UI will snap to the last
        // element when the user stops grabbing
        round     : true,
        // This amount a user can drag (in pixels) while still
        // being able to click an object. Usually clicking is
        // disabled on drag, but within a (by default) 20px movement
        // clicking will still be enabled
        mistake   : 20
    });
});

-----------------------------------------------------------------------------------------------------------------------------

Các bạn có thể xem demo tại đây: http://inserthtml.com/demo/drag/

Hoặc có thể download tại đây: http://inserthtml.com/downloads/inserthtml.com.drag-sensitive.zip

» Tin mới nhất:

» Các tin khác:

Hôm nay, ngày

19/04/2024

Tuần học:

37

Sinh viên tiêu biểu

Số lượt truy cập: 8262125