iPhone 18 Series và iPhone Duo giá bao nhiêu tại Việt Nam? Cập nhật mức giá mới nhất
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
Dùng phím tắt tăng giảm cỡ chữ trong Word 2016, 2013, 2010, 2007, 2003
Thông thường khi muốn tăng giảm cỡ chữ trong Word 2016, 2013, 2010, 2007, 2003 người dùng thường phải nhập kích cỡ chữ. Tuy nhiên có một thủ thuật sử dụng phím tắt tăng giảm cỡ chữ trong Word 2016, 2013, 2010, 2007,
Hướng dẫn tải video Youtube, Facebook trên iPhone
Tính năng mới của iOS 12 không quá nhiều nhưng có thể nói iOS 12 chính là bản cập nhật được lòng iFan nhất từ trước đến nay. Rất nhiều lời khen và iOS được đánh giá chính là “lời xin lỗi tuyệt vời nhất của Apple”. Giờ
5 thủ thuật giải phóng không gian lưu trữ trên Windows 10
Trên hệ điều hành Windows 10, người dùng có thể xem được tổng dung lượng trống, dung lượng đã sử dụng, thư mục nào chiếm nhiều không gian lưu trữ để quản lý bộ nhớ cho hiệu quả nhất. Vậy hãy bắt tay vào tìm kiếm để xóa
Hướng dẫn sử dụng máy xay sinh tố đúng cách và an toàn
Máy xay sinh tố hiện nay đã trở nên phổ biến với hầu hết các gia đình, tuy nhiên không phải ai cũng biết cách sử dụng thiết bị này sao cho an toàn và đúng cách nhất.
ĐÁNH GIÁ NHANH
Không có chống ồn chủ động, đâu là lý do nên mua AirPods 3?
AirPods 3 đã chính thức ra mắt sau thời gian dài rò rỉ. Mẫu tai nghe mới của Apple không có tính năng chống ồn chủ động như AirPods Pro. Vậy lý do nên mua AirPods 3 là gì? Hãy cùng mình đi tìm hiểu qua bài viết dưới
Đánh giá nhanh tân binh Honor 8X mới gia nhập cuộc chiến tầm trung khốc liệt
Thân máy được làm chủ yếu từ kim loại cùng với mặt lưng kính. Các góc cạnh bo tròn tạo cảm giác mềm mại, tinh tế. Honor 8X sử dụng thiết kế ngọc trai. Màn hình gần như chiếm trọn mặt trước với viền cực mỏng. Tuy có một
Đánh giá thực tế về phuộc RCB C Series: ít tiền nhưng muốn tìm kèo thơm là đây
Cầm 1,5 triệu trong tay bạn rất khó tìm mua những mẫu phuộc đồ chơi mà có ngoại hình đẹp, chất lượng cao, xuất xứ rõ ràng và kèm bảo hành tốt. Tuy...