10/10/2018, 00:21
Cần giúp đỡ về JavaScript
Mình đang muốn làm 1 trang chỉ quảng cáo nhưng đang gặp vấn đề là như thế này:
Ví dụ mình có 1 vị trí quảng cáo A, tại vị trí này có các banner, logo quảng cáo của các khách hàng. Mình muốn làm sao để các Banner này có thể thay đổi cho nhau sau n giây, cứ tuần tự thay thế nhay như vậy.
Yêu cầu của nó là:
Rất mong các cao thủ trợ giúp vấn đề này, cảm ơn!
Ví dụ mình có 1 vị trí quảng cáo A, tại vị trí này có các banner, logo quảng cáo của các khách hàng. Mình muốn làm sao để các Banner này có thể thay đổi cho nhau sau n giây, cứ tuần tự thay thế nhay như vậy.
Yêu cầu của nó là:
- Không quy định về kích thước banner
- Có thể vừa Image và Flash
- Có thể quy định được thời gian thay đổi giữa các banner
- Ngôn ngữ sử dụng là Javascript
Rất mong các cao thủ trợ giúp vấn đề này, cảm ơn!
Bài liên quan
mình chỉ biết mỗi jquery thôi
Cứ đơn giản thế này :
Mỗi cái quảng cáo cho vào 1 div, hoặc span, p gì đó. Sau đó thêm ID cho nó, lúc load dùng jQuery tham vấn tới các node đó, rồi lưu các đối tượng truy xuất đó vào 1 mảng, mảng kia là lưu các $("#xyz").html() đại loại thế, dùng tí kĩ năng để randomize nó rồi set interval cho nó chạy thôi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>banner demo - by sincos</title> </head> <body> <div id="banner"></div> <script type="text/javascript"> //Mảng lưu trữ danh sách các banner var arrImg = new Array('banner1.jpg', 'banner2.jpg', 'banner3.jpg', 'banner4.jpg'); //Mảng lưu trữ link của các banner tương ứng var arrLink = new Array('http://google.com', 'http://yahoo.com', 'http://ddth.com', 'http://tuoitre.com.vn'); var timeOut = 3000;//Thời gian delay để thay đổi banner var displayed = 0;//Lưu vị trí (trong mảng) banner đang được hiển thị function show_banner() { document.getElementById('banner').innerHTML = '<a href="'+arrLink[displayed]+'" target="_blank"><img src="'+arrImg[displayed]+'" border="0"></a>'; displayed++;//Tăng lên 1 để lúc nữa nó sẽ hiện thị banner tiếp theo if(displayed >= arrImg.length) displayed = 0;//Khi hiện thị banner cuối cùng thì vòng về banner đầu tiên setTimeout('show_banner()', timeOut); } show_banner(); </script> </body> </html>Cái này có gì là khó đâu ? mà cần gì phải dùng của bọn nào . với kiến thức javascript đơn giản của mình bạn cũng có thể viết được mà :
<div id=quangcao>dddd</div> <SCRIPT> function quangcao1(){ document.getElementById("quangcao").innerHTML="html1"; } function quangcao2(){ document.getElementById("quangcao").innerHTML="html2"; } function quangcao3(){ document.getElementById("quangcao").innerHTML="html3"; } function quangcao4(){ document.getElementById("quangcao").innerHTML="html4"; } function loadqc() { j=1; laythoigian=function(thoigian){ setTimeout('laythoigian("'+(thoigian-1)+'");',1000); chia=thoigian/5; if(Math.floor(thoigian/5)==chia){ setTimeout('quangcao'+j+'();',100); j++; if(j>4) j=1; } } laythoigian("10"); } loadqc(); </SCRIPT>Hãy suy nghĩ thật đơn giản rùi bạn sẽ giải quyết được thui mà
À mà bác này ở Vinh , Nghệ An à. Nhà nhận được nhìu việc không để em về nhà làm với..hề hề... em ở Diễn Châu nè..