Tìm hiểu chip A19, A19 Pro: Hiệu năng vượt trội trên iPhone thế hệ mới
BookBlock: A Content Flip Plugin
BookBlock là một plugin jQuery mà có thể được sử dụng để tạo ra các thành phần giống như cuốn sách nhỏ cho phép một 'lật trang' chuyển hướng. Nội dung có thể được sử dụng như hình ảnh hoặc văn bản. Các plugin biến đổi cấu trúc chỉ khi cần thiết (tức là khi lật một trang) và sử dụng một số lớp phủ như bóng cho các trang để tạo ra hiệu ứng.
Chúng tôi sẽ sử dụng jQuery++ bởi Bitovi đó có một số tiện ích cho jQuery (cụ thể, để thêm sự kiện swipe).
Cấu trúc sau đây sẽ cho phép để thêm nội dung tùy chỉnh trong một wrapper với các lớp học 'item-cf', đại diện cho một trang mở (bên trái và bên phải):
<div id='bb-bookblock' class='bb-bookblock'> <div class='bb-item'> <!-- custom content --> </div> <div class='bb-item'> </div> <div class='bb-item'> <!-- ... --> </div> <div class='bb-item'> <!-- ... --> </div> <!-- ... --></div>
Bạn có thể gọi plugin :
$(function() { $( '#bb-bookblock' ).bookblock(); });
Một số tùy chỉnh khác :
// speed for the flip transition in ms.speed : 1000, // easing for the flip transition.easing : 'ease-in-out', // if set to true, both the flipping page and the sides will have an overlay to simulate shadowsshadows : true, // opacity value for the 'shadow' on both sides (when the flipping page is over it).// value : 0.1 - 1shadowSides : 0.2, // opacity value for the 'shadow' on the flipping page (while it is flipping).// value : 0.1 - 1shadowFlip : 0.1, // perspective valueperspective : 1300, // if we should show the first item after reaching the end.circular : false, // if we want to specify a selector that triggers the next() function. example: '#bb-nav-next'.nextEl : '', // if we want to specify a selector that triggers the prev() function.prevEl : '', // callback after the flip transition.// page is the current item's index.// isLimit is true if the current page is the last one (or the first one).onEndFlip : function( page, isLimit ) { return false; }, // callback before the flip transition.// page is the current item's index.onBeforeFlip: function( page ) { return false; }
Bạn có thể hiểu rõ thêm khi xem Demo.
TIN LIÊN QUAN
Creative Web Typography Styles
Với một chút CSS ma thuật, chúng ta có thể chuyển đổi văn bản vào kiểu chữ rất đẹp và bỏ qua việc sử dụng các hình ảnh trong nhiều trường hợp
Fullscreen Video Slideshow with BigVideo.js
Chúng tôi sẽ hưỡng dẫn làm thế nào để tạo slideshow nền bằng video động hoặc một slider bằng Bigvideo.js một Plugin JQuery khá đẹp
Photo Booth Strips with Lightbox
Băng ảnh đứng đẹp mắt với Lightbox 2 di chuyển bằng cách lăn bi với phong cách lạ với 'Photo Booth Strips with Lightbox'
Old School Cassette Player with HTML5 Audio
Vintage định dạng đáp ứng công nghệ web hiện đại: máy nghe nhạc âm thanh HTML5 với các điều khiển thực tế. Hôm nay chúng tôi muốn chia sẻ một máy nghe nhạc âm thanh với giao diện trông giống như một băng nhạc trường học cũ.
THỦ THUẬT HAY
Hướng dẫn tạo chương trình giảm giá cho cửa hàng trên Zalo
Với giao diện thân thiện, rất dễ sử dụng, cùng nhiều tính năng hấp dẫn ngay từ khi mới ra mắt Zalo Shop được đông đảo người dùng đón nhận rất nhiệt tình. Ngoài việc cho phép đăng bán sản phẩm, cập nhật sản phẩm mới,
Giữ an toàn tài khoản trực tuyến với 7 mẹo đơn giản sau
Mật khẩu là một trong những thành phần quan trọng đổi với bất kỳ ai, giúp bảo vệ sự riêng tư khi sử dụng các dịch vụ trên Internet. Đặc biệt là tài khoản liên quan tới tài chính, ngân hàng hay mạng xã hội v.v...
Cách chặn trang web hiển thị thông báo trên các trình duyệt
Hiện nay các trình duyệt web đều cho phép các trang web hiển thị thông báo tới người dùng. Một cửa sổ pop-up hiện ra hỏi người dùng có muốn nhận thông báo từ trang web hay không. Vậy làm sao để tắt hiển thị thông báo
Script giúp tự động thả tim, tải ảnh hoặc video trên Facebook và Instagram
Hôm nay, TCN xin chia sẻ với các bạn hai đoạn mã script đơn giản nhưng có chức năng cực kỳ hữu ích, giúp tự động thả tim, tải hình ảnh hoặc video trên mạng xã hội Facebook và Instagram.
Những tính năng có thể bạn chưa biết tới của CCleaner
Nhưng nếu chỉ để sử dụng các tính năng cơ bản của CCleaner thì đó quả thực là một sự lãng phí, bởi ngoài việc tìm, quét, và khắc phục những lỗi mà ai cũng biết kia, công cụ giúp dọn dẹp máy tính này còn có khả năng khá
ĐÁNH GIÁ NHANH
Đánh giá camera kép trên Galaxy J7+ xóa phông cùng nhiều tính năng cao cấp như Galaxy Note 8
Tiếp nối thành công của Galaxy J7 Pro và J7 Prime, Samsung tiếp tục tung ra Galaxy J7 Plus ở phân khúc tầm trung với điểm nổi bật nhất là camera kép ở mặt sau phục vụ nhu cầu chụp ảnh chân dung xóa phông (Live Focus),
Đánh giá Sony SRS X11: Thân hình nhỏ, âm thanh lớn
Nhắc tới các loại phụ kiện di động phổ thông mà kết hợp được cả chất lượng lẫn thiết kế...
Đánh giá chi tiết Volkswagen Passat Bluemotion giá 1,45 tỷ đồng
Tại thị trường Việt Nam, Passat là một cái tên rất mới. Volkswagen Passat chỉ mới “chân ướt chân ráo” đến thị trường Việt hồi đầu tháng 6/2016 tại triển lãm DAS Volkswagen Fest và mẫu xe này vẫn đang