GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam

AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam

HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ

Trang chủ >> WapMaster

Tìm Kiếm → Thảo Luận

Share code JavaScript thiết kế banner quảng cáo chuyển động cực chuyên nghiệp

RoSino18k

28-03-2016

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! ngau2

→demo:

http://shop.teamobi.com

[Tải ảnh]

Mình thấy nó đẹp thích hợp cho những wap làm game, truyện, shop, 3x cũng hay.

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>

Trên đây là hướng dẫn tạo quảng cáo động bằng JS, 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! vui