04:59 | 2025-02-14 |
---|
Để 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à 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, code css3 cực hay cho web/wap ... |
![]() 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.... |
![]() Code ảnh rung động khi hover sử dụng css3 để làm ảnh động khi hover qua... |
![]() 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 xtgem đơn giản hiệu quả trong làm web/wap ... |