Cách đặt tên con hợp tuổi bố mẹ chuẩn phong thủy, mang lại may mắn
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 tra cứu điểm thi THPT Quốc gia 2017
Theo quy chế thi THPT Quốc gia được Bộ GD-ĐT ban hành, kết quả thi THPT Quốc gia sẽ được công bố vào ngày 7/7.
Những thủ thuật và mẹo vặt máy tính hữu ích ai cũng nên biết
Nếu bạn là người thường xuyên sử dụng máy tính thì hãy note lại những thủ thuật và mẹo máy tính vô cùng hữu ích sau đây nhé!
Cài theme "độc - lạ" cho iPhone của mình mà không cần Jailbreak
Việc iPhone không thể tùy biến nhiều như điện thoại Android là một thiệt thòi lớn. Tuy nhiên, nếu bạn muốn thay đổi để chiếc iPhone trở nên mới mẻ hơn thì hãy làm theo bài hướng dẫn sau.
Hướng dẫn sử dụng VPN trên trình duyệt Opera
Cho đến nay, hầu hết các dịch vụ VPN và máy chủ proxy đều bị giới hạn và dựa trên đăng ký trả tiền. Với một VPN miễn phí, không giới hạn, mà chỉ hoạt động khi chưa có hộp thoại và không đòi hỏi bất kỳ đăng ký nào,
Đây là cách đặt biệt danh trên Messenger điện thoại và máy tính bạn không nên bỏ qua
Cùng với sự phổ biến của Facebook, Messenger cũng được biết đến là ứng dụng nhắn tin hàng đầu và không thể thiếu trên điện thoại. Việc đặt biệt danh cho bạn bè hoặc người thân giúp cho cuộc trò chuyện trên ứng dụng này
ĐÁNH GIÁ NHANH
Đánh giá camera Zenfone 3 Max 5,5 inch: Nhiều tính năng,...
Thế giới di động - Tuy không được Asus nhấn mạnh vào camera mà nhấn mạnh vào pin, nhưng Zenfone 3 Max phiên bản 5,5 inch lại có một camera rất khá so với các sản...