Bây giờ mình giới thiệu để các bạn tự làm lấy một kiểu tương tự.
So với kiểu banner chuyển trang đã chia sẻ thì kiểu này có:
- Ưu điểm : load rất nhẹ, nhẹ hơn rất nhiều so với kiểu kia nên không gây khó chịu cho khách khi ghé thăm, rất dễ làm ( Vì code là do một phần mềm trực tuyến tạo ra mà)
- Nhược điểm : Không có hiệu ứng chuyển cảnh mà ảnh chỉ nhảy lần lược từ ảnh này sang ảnh khác.
Bây giờ các bạn dán đoạn code này vào một trang html mới rồi xem thử nhé:
http://www.htmlbasix.com/banner.shtml
So với kiểu banner chuyển trang đã chia sẻ thì kiểu này có:
- Ưu điểm : load rất nhẹ, nhẹ hơn rất nhiều so với kiểu kia nên không gây khó chịu cho khách khi ghé thăm, rất dễ làm ( Vì code là do một phần mềm trực tuyến tạo ra mà)
- Nhược điểm : Không có hiệu ứng chuyển cảnh mà ảnh chỉ nhảy lần lược từ ảnh này sang ảnh khác.
Bây giờ các bạn dán đoạn code này vào một trang html mới rồi xem thử nhé:
- Code:
<script type="text/javascript">
var imgs1 = new Array("https://lh4.googleusercontent.com/_RffU5Jf7nK4/TP3lRNhSXLI/AAAAAAAAA4s/
fWPpyLC1vqw/DSC03487.jpg","https://lh3.googleusercontent.com/_RffU5Jf7nK4/TP3lQwOCnHI/AAAAAAAAA4k/1-43a1g6xxo/DSC03532.jpg","https://lh6.googleusercontent.com/_RffU5Jf7nK4/
TP4T8WeKfpI/AAAAAAAAA5c/xYWkbxnVYrc/Img13.jpg","https://lh4.googleusercontent.com/_
RffU5Jf7nK4/TP4T8uNTIDI/AAAAAAAAA5g/zy_6__1pgu0/Img14.jpg","https://lh5.googleusercontent.com/
_RffU5Jf7nK4/TP4T8nL0AhI/AAAAAAAAA5k/L0CfD1zVZu8/Img15.jpg");
var alt1 = new Array("A1","A2","A3","A4","A5");
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",3000);
</script>
<img src="https://lh4.googleusercontent.com/_RffU5Jf7nK4/TP3lRNhSXLI/AAAAAAAAA4s/fWPpyLC1vqw/DSC03487.jpg" id="adBanner1" border="0" width="640" height="350"></a>
http://www.htmlbasix.com/banner.shtml