Trang chủThiết kế banner Quảng cáo chuyển động cực chuyên nghiệp với Javascript
Trong quá trình tạo lập WebSite, bạn cần tạo một banner động cho những quảng cáo bán hàng. Khi đó với một URL bạn có thể cho phép nhiều hình ảnh quảng cáo để người dùng thấy được nhiều hơn về sản phẩm và tiếp cận khách hàng tốt hơn. Với nhu cầu này bạn có thể sử dụng JavaScript. code tạo banner động sẽ tạo ra hiệu ứng chuyển động của hình ảnh theo số giây đã định trước!
demo: http://shop.teamobi.com
Hướng dẫn Tạo banner Quảng cáo chuyển động bằng JavaScript
- Đầu tiên tạo 1 folder và úp hình ảnh cần làm vào.
Lưu ý: Hình ảnh phải tên giống nhau và phân biệt chúng bằng con số cuối.
Ví dụ ảnh là banner.jpg thì phải đặt các ảnh còn lại là banner1.jpg, banner2.jpg,...
- Sau đó post code bên dưới vào chỗ cần hiện rồi thay lại URL thư mục chứa ảnh cần hiện. Mặc định là thư mục banner nhé!
Trên đây là hướng dẫn tạo quảng cáo động bằng JS của ChiaseIT.Mobie.In, các bạn có thể tham khảo để chỉnh sửa thời gian chuyển động, tên của file ảnh tạo ra các banner đẹp mong muốn của mình!
Chúc các bạn thành công!
javascript-banner-dong.zip (550B)
demo: http://shop.teamobi.com
Hướng dẫn Tạo banner Quảng cáo chuyển động bằng JavaScript
- Đầu tiên tạo 1 folder và úp hình ảnh cần làm vào.
Lưu ý: Hình ảnh phải tên giống nhau và phân biệt chúng bằng con số cuối.
Ví dụ ảnh là banner.jpg thì phải đặt các ảnh còn lại là banner1.jpg, banner2.jpg,...
- Sau đó post code bên dưới vào chỗ cần hiện rồi thay lại URL thư mục chứa ảnh cần hiện. Mặc định là thư mục banner nhé!
<script language="javascript">
hinh=new Array
hinh=["banner.jpg","banner1.jpg","banner2.jpg","banner3. jpg","banner4.jpg"];
i=0
function chuyenhinh()
{
h.filters.blendTrans.apply();
document.h.src="banner/" hinh[i]
h.filters.blendTrans.play();
i ;
if (i>4)
i=0;
setTimeout("chuyenhinh()", 5*1000);
}
</script>
hinh=new Array
hinh=["banner.jpg","banner1.jpg","banner2.jpg","banner3. jpg","banner4.jpg"];
i=0
function chuyenhinh()
{
h.filters.blendTrans.apply();
document.h.src="banner/" hinh[i]
h.filters.blendTrans.play();
i ;
if (i>4)
i=0;
setTimeout("chuyenhinh()", 5*1000);
}
</script>
Trên đây là hướng dẫn tạo quảng cáo động bằng JS của ChiaseIT.Mobie.In, các bạn có thể tham khảo để chỉnh sửa thời gian chuyển động, tên của file ảnh tạo ra các banner đẹp mong muốn của mình!
Chúc các bạn thành công!
javascript-banner-dong.zip (550B)