Tin mới đăng:

Kết hợp Javascript và Flash để làm banner quảng cáo hiệu ứng cuộn giấy

Nếu bạn đang vào trang Blog www.xuandoanh.com thì bạn sẽ thấy ở góc phải trên của trình duyệt, có một hiệu ứng Flash cuộn giấy rất lạ mắt, khi rê chuột vào sẽ hiện lên quảng cáo của rất độc đáo:

Bài viết này sẽ hướng dẫn bạn tạo ra 1 hiệu ứng banner quảng cáo cuốn mép giấy như trên:
Hình ảnh ban đầu khi chưa rê chuột




 Hình ảnh sau khi rê chuột

 1. Tải các file cần thiết về theo địa chỉ sau:
  • www.buixuandoanh.com.vn/lat/cuongiay.js
  • www.buixuandoanh.com.vn/lat/s.swf
  • www.buixuandoanh.com.vn/lat/anhnho2.jpg
  • www.buixuandoanh.com.vn/lat/b.swf
  • www.buixuandoanh.com.vn/lat/c.jpg
2. Sau khi tải file cuongiay.js về rồi, bạn mở nó ra bằng các chương trình như FrontPage, NotePad… để chỉnh sửa đường dẫn tới các file hình quảng cáo.
Bây giờ bạn mở file cuongiay.js ra để chỉnh sửa đường dẫn các file hình quảng cáo và thay đổi theo nhu cầu của riêng mình.
☼ Chỉnh code ở File cuongiay.js: Các đoạn code mà bạn cần chú ý:
esel.ad_url = escape('http://buixuandoanh.com.vn');    
esel.small_path = 'http://buixuandoanh.com.vn/lat/s.swf';   
esel.small_image = escape('http://buixuandoanh.com.vn/lat/anhnho2.jpg');  
esel.big_path = 'http://buixuandoanh.com.vn/lat/b.swf';   
esel.big_image = escape('http://buixuandoanh.com.vn/lat/c.jpg');   
Link màu đỏ đậm là: Địa chỉ website mà bạn muốn trỏ đến sau khi click vô quảng cáo
Linh màu xanh:  Đường dẫn file flash mép giấy (nhỏ)
Linh màu hồng: Đường dẫn hình ảnh nằm dưới mép giấy (khi chưa rê chuột)
Linh màu xanh lá cây: Đường dẫn file flash lúc kéo mép giấy
Linh màu nâu: Đường dẫn file quảng cáo chính
3. Còn lại bạn không sờ mó gì vào đó cả.
4. Sau đó Upload toàn bộ 5 file này lên Host riêng của bạn.  
☼ Thực hiện thủ thuật cuộn góc ở Banner như sau:
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
Nhấn Ctrl+F tìm đến đoạn:   
]]></b:skin>
Chèn địa chỉ liên kết tới file js màu đỏ bên dưới này vào sau nó
<script language='javascript' src='Địa chỉ tới file js' type='text/javascript'/>
VD: Như của mình là :
 <script language='javascript' src='http://buixuandoanh.com.vn/lat/cuongiay.js' type='text/javascript'/>
3. Sau khi chỉnh sửa xong, bạn save tiện ích lại là xong
                                         Chúc bạn thành công.
Kết hợp Javascript và Flash để làm banner quảng cáo hiệu ứng cuộn giấy Kết hợp Javascript và Flash để làm banner quảng cáo hiệu ứng cuộn giấy
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


1 bình luận | Viết bình luận

Manhhaiblog
07:21 2 tháng 4, 2017
chào bạn.mình vô tình đến thăm web của và mình ấn tượng list nhạc trên sibar bạn cho mình xin code nhạc đó được không ạ cảm ơn bạn
vattuhanghai@gmail.com

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật