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
Cách xem trực tiếp bóng đá C1 trên UEFA tại Việt Nam
Vì vấn đề bản quyền và một vài yếu tố khác nên người hâm mộ Việt Nam không được theo dõi các trận đấu Champions League và Europa League trên sóng truyền hình.
Hưỡng dẫn gỡ bỏ Tìm kiếm mặc định không mong muốn trên Google Chrome
Bạn không am hiểu về máy tính và bạn khá khó chịu khi bị cài phần mềm không mong muốn như Laban, Govome, Trovi ...vào trình duyệt tìm kiếm trên Google Chrome. Bài viết sau đây sẽ hưỡng dẫn bạn đưa trình duyệt tìm kiếm
9 bài học khởi nghiệp từ thung lũng Silicon
Thung lũng Silicon được xem là 'cái nôi' của khởi nghiệp với sự thành công của rất nhiều tên tuổi như Facebook, Google, Apple hay Intel. Nếu đang có ý định khởi nghiệp thì đừng bỏ qua những bài học giá trị này nhé.
Một vài mẹo hay dành cho Galaxy S9 mà bạn nên thử
Theo đó, Samsung họ tiết lộ rằng Galaxy S9 sẽ hỗ trợ xoay ngang tự nhiên trên giao diện trang chủ. Điều này cho phép người dùng sử dụng đa nhiệm một cách dễ dàng mà không cần xoay lại màn hình khi muốn mở ứng dụng
15 ứng dụng dành cho iOS trị giá 25 USD đang được miễn phí
Hiện tại, trên cửa hàng App Store đang cho phép người dùng tải về miễn phí 15 ứng dụng bản quyền với tổng trị giá lên đến 37 USD. Nếu bạn quan tâm hãy nhanh tay tải về trước khi thời gian miễn phí kết thúc nhé.
ĐÁNH GIÁ NHANH
Đánh giá Dell XPS 15 2-in-1: Mạnh mẽ, sang trọng, pin trâu
Laptop Dell XPS 2 in 1 không hẳn là một dòng máy tính mới (về cơ bản nó chính là Dell XPS) nhưng sự linh hoạt của nó giúp ích cho người dùng rất nhiều trong quá trình sử dụng hàng ngày. Bạn có thể sử dụng tại chỗ hoặc
Đánh giá ThinkPad X1-Carbon 2016. Hoàn thiệt cao cấp, bảo mật hiện đại, giá hơn 50 triệu
ThinkPad X1-Carbon 2016 là mẫu Ultrabook mới nhất được Lenovo thiết kế để hướng tới người dùng doanh nhân cần một chiếc máy tính gọn nhẹ, bảo mật cao và đáng tin cậy. Dưới đây mình xin mời bạn đọc xem qua bài đánh
Cùng đánh giá Meizu M3 Note giá dưới 4 triệu
Phần vỏ hộp của Meizu M3 Note. Do chiếc điện thoại Techz đang sở hữu là phiên bản bán ra tại thị trường Trung Quốc, trên vỏ hộp của máy xuất hiện dòng chữ tiếng Trung. Với những chiếc Meizu M3 Note bán ra tại Việt Nam,