19:48 | 2024-05-03 |
---|
Để tạo một filelist ảnh đẹp chuẩn slideshow bạn cần kết hợp filelist xtgem với javascript
Đầu tiên, bạn tạo một filelist ảnh đơn giản như sau :
Sau đó bạn chèn filelist trên vào vị trí <!-- Dán code vào đây --> trong đoạn mã html sau:
Sau đó bạn chèn code javascript sau vào wap của bạn :
Cuối cùng ta chỉ cần chỉnh lại csslaf được
img:hover {box-shadow:2px 3px 2px #999;}
.filelist_paging {display:none;}
.vxp-slideshow{max-width:100%;
position:relative;}
.next,.prev {cursor:not-allowed;opacity:0.3}
.next,.prev {-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}
.next,.prev {
display:inline-block;
text-align:center;
color:#000;
background-color:#fff;
position:relative;
overflow:hidden;
z-index:1;
padding:0;
border-radius:50%;
cursor:pointer;
font-size:24px;
width:40px;
height:40px;
line-height:40px
}
.next {position:absolute;top:45%;right:0
}
.prev{position:absolute;top:45%;left:0}
Font-family trong html và css, định dạng chữ với font Font-family trong html và trong css có cấu trúc như thế nào, cách sử dụng và lợi ích của việc dùng font là gì ... |
Share code đổ bóng cho chữ, thành phần, text-shadow, box-shadow Share code đổ bóng cho chữ, thành phần, text-shadow, box-shadow, code css3 cực hay cho web/wap ... |
Share code html, css phóng to ảnh khi hover chuột cực hay, đẹp Chỉ cần sử dụng css và html là ta đã có thể tạo ra hiệu ứng phóng to ảnh cực độc cho web/wap.... |
Share code css làm ảnh rung động khi hover qua Code ảnh rung động khi hover sử dụng css3 để làm ảnh động khi hover qua... |
Share code html, css cơ bản cho làm wap phần 2 Làm wap ai cũng phải biết html và css, với những code html, css cơ bản chắc chắn sẽ giúp bạn rất nhiều.... |
Hướng dẫn tạo filelist game đơn giản Hướng dẫn tạo Filelist game xtgem đơn giản hiệu quả trong làm web/wap ... |