Dữ liệu-html=true
|
Hiệu ứng di chuột MDB xuất hiện khi người dùng định vị con trỏ máy tính trên một phần tử mà không kích hoạt nó. Hiệu ứng di chuột làm cho một trang web tương tác nhiều hơn Show Nội dung chính Hiển thị
Tuy nhiên, chúng tôi không khuyến khích bạn nên kết hợp các hiệu ứng di chuột với các yếu tố chức năng (như thả xuống trên di chuột hoặc các nút ẩn chỉ hiển thị sau khi di chuột) bởi vì cách tiếp cận như vậy không thân thiện MDB là một khung công tác đầu tiên trên thiết bị di động, vì vậy chúng tôi rất quan trọng để làm cho từng thành phần dễ sử dụng cho màn hình cảm ứng Đó là lý do tại sao các hiệu ứng di chuột của chúng tôi rất nhẹ nhàng và trang trí. nhẹ nhàng và trang trí ví dụ cơ bảnDưới đây là ví dụ biến thể phổ biến nhất về việc sử dụng hiệu ứng di chuột - một hình ảnh đã thay đổi để liên kết với hiệu ứng bổ sung khi nhấp chuột Ngoài ra, chúng tôi đã thêm bóng và các góc tròn và cũng thay đổi màu sắc mí mắt thành ánh sáng thông qua  LoạiTrong MDB có 3 loại hiệu di chuột. layer, zoom and ball Lớp phủLớp phủ là một hiệu ứng bao gồm màu sắc và độ mờ của toàn bộ hình ảnh. Giống như mặt nạ, bạn có thể thay đổi màu sắc và độ mờ bằng cách thao tác mã RGBA Hiệu ứng lơ lửng lớp lửng phủ của chúng tôi dựa vào mặt nạ. Vui lòng xem tài liệu mặt nạ của chúng tôi để tìm hiểu thêm Add Layer Bạn thậm chí có thể đặt một gradient ưa thích như một lớp phủ PhóngĐể áp dụng hiệu ứng di chuột Zoom, bạn phải sử dụng một chút khác nhau, nhưng cú pháp đơn giản hơn Bạn chỉ cần thêm lớp bóngHiệu ứng Hover Shadow thậm chí còn đơn giản hơn. Chỉ cần thêm lớp Combine effectBạn có thể tự động kết hợp tất cả các hiệu ứng với nhau. Tuy nhiên, hãy cẩn thận để không sử dụng nó. MDB tuân thủ nguyên tắc tối thiểu và sự tinh tế Lớp phủ trên mặt nạNếu bạn muốn đặt một văn bản trên hình ảnh và bạn cần một sự tương phản thích hợp, nhưng bạn vẫn muốn có hiệu ứng di chuột, bạn có thể áp dụng lớp phủ trên mặt nạ có sẵn Tài liệu và ví dụ để bổ sung bộ công cụ Bootstrap tùy chỉnh với CSS và JavaScript bằng CSS3 cho hình ảnh động và thuộc tính dữ liệu để lưu trữ bộ tiêu đề cục bộ tổng quanNhững điều cần biết khi sử dụng plugin Tooltip
Có tất cả những thứ đó? Một cách để khởi tạo tất cả các công cụ giải trí trên một trang là chọn chúng bằng thuộc tính Ví dụDi chuột qua các liên kết bên dưới để xem công cụ chú thích Quần lót cấp độ keffiyeh có thể bạn chưa nghe nói về chúng. BOOTH BOOTH BEARD RAW denim Letterpress Vegan Messenger Bag Stumptown. Seitan từ nông trại đến bàn trang phục Mỹ 8 bit của McSweeney có chiếc xe Vinyl Chambray Terry Richardson. Beard Stumptown, Cardigans Banh Mi Lomo Thundercats. Đậu phụ Biod Diesel Williamsburg Marfa, Four Loko McSweeney's Cleanse Vegan Chambray. Một nghệ nhân thực sự sự hủy diệt bất kể Keytar, Banksy Austin Austin Austin xử lý Freegan Cred Cred Denim Cà phê duy nhất Di chuột qua các nút bên dưới để xem hướng dẫn của Tooltips. trên cùng, phải, dưới cùng và bên trái And with HTML tùy chỉnh đã được thêm vào Cách sử dụngPlugin Tooltip tạo nội dung và đánh dấu theo yêu cầu và theo các công cụ mặc định là chú giải công cụ sau phần kích hoạt của chúng tôi Kích hoạt công cụ giải thích thông qua JavaScript Đánh dấuĐánh dấu bắt buộc cho một công cụ chỉ thuộc tính Làm công cụ hoạt động cho bàn phím và người dùng công nghệ hỗ trợBạn chỉ nên thêm các công cụ chú giải vào phần tử HTML có thể tập trung và tương tác với hệ thống truyền bàn phím (chẳng hạn như liên kết hoặc điều khiển biểu mẫu). Mặc dù các tùy chọn phần tử HTML (như Ngoài ra, không chỉ dựa vào Các yếu tố bị vô hiệu hóaCác yếu tố tố với thuộc tính Tùy chọnCác tùy chọn có thể được truyền qua các thuộc tính dữ liệu hoặc JavaScript. Đối với các thuộc tính dữ liệu, hãy kết nối tên tùy chọn vào Chặn nhiều công cụ vào một thành phần công cụ có thể. Ví dụ Trì hoãn hiển thị và ẩn Tooltip (MS) - không áp dụng cho loại kích hoạt thủ công Nếu một số được cung cấp, độ lệch được áp dụng cho cả ẩn/hiển thị Constructor object is Cho phép HTML trong Tooltip Nếu đúng, các thẻ HTML trong Tooltip Sử dụng văn bản nếu bạn đang lắng nghe về các cuộc tấn công XSS error position. function number' đứng đầu'Cách định vị Tooltip - Tự động. Đứng đầu. Đáy. trái. must. Khi Khi Khi một hàm được sử dụng để xác định vị trí, nó được gọi với nút DOM của Chú giải công cụ là đối số đầu tiên của nó và nút DOM phần tử kích hoạt là thứ hai. Bối cảnh chuỗi. hàm số 'đầu' Cách định vị Tooltip - Tự động. Đứng đầu. Đáy. trái. must. Khi Khi một hàm được sử dụng để xác định vị trí, nó được gọi với nút DOM của Chú giải công cụ là đối số đầu tiên của nó và nút DOM phần tử kích hoạt là thứ hai. Bối cảnh mẫu dây cáp chuỗi. hàm số 'đầu' Cách định vị Tooltip - Tự động. Đứng đầu. Đáy. trái. must. Khi tiêu đềchuỗi. yếu tố. hàm số 'Giá trị tiêu đề mặc định nếu thuộc tính_______066 không có mặtNếu một hàm được đưa ra, nó sẽ được gọi với tham chiếu Kích hoạt
|
