1. Trang chủ
  2. » Giáo án - Bài giảng

tạo banner chạy dọc

2 301 1

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 2
Dung lượng 62 KB

Nội dung

Tạo banner quảng cáo trượt dọc 2 bên (Với việc ẩn hiện tùy vào độ phân giải của màn hình) Theo yêu cầu của bạn của một số bạn hôm nay Thủ thuật blog Violet post tặng các bạn code khá hay Chúng ta đã khá quen với banner trượt quảng cáo trượt dọc ở 2 bên của 1 site nào đó. đa phần các banner này được thiết kế nằm sát 2 mép (trái & phải) của 1 website nào đó, và nó luôn trượt theo khi ta di chuyển chuột. Ở bài hướng dẫn này mình sẽ giới thiệu 1 cách hiển thị khác, đó là banner quảng cáo sẽ nằm ở 2 mép trái và phải của màn hình hiển thị, và việc hiển thị của nó sẽ phụ thuộc vào chế độ xem của màn hình. Xem demo : DEMO (lưu ý : nếu bạn không thấy banner quảng cáo thì zoom nhỏ lại (Ctrl -) banner sẽ hiển thị, nếu muốn test không hiển thị thì zoom lớn lên (Ctrl +)) Hình ảnh minh họa : ☼ Các bước thực hiện : 1. Chèn đoạn code bên dưới vào trước thẻ đóng </head> <style type="text/css"> .slideads1 {text-align:left} .slideads2 {text-align:right} </style> 2.Cho code sau vào thẻ body (với blog Violet thì cho vào thông tin bản quyền hoặc một khối nào đó) <div id="divAdLeft" style="position: absolute; width: 110px; float: left; left: 0pt; top: 0.00000103038px;"> <div class="slideads1"> <a href="http://caobang83.violet.vn"><img src="link banner 1" border="0"></a> </div> </div> <div id="divAdRight" style="position: absolute; width: 120px; float: right; left: 989px; top: 0.00000100252px;"> <td class="slideads2"> <a href="http://caobang83.violet.vn" target="_blank"><img src="link banner 2" border="0"></a> </div> </div> <script language="JavaScript" src="http://bloggiaovienthaibinh.110mb.com/bannerside/slide.js"></script> 3.HD - Để đơn giản các bạn có thể gộp code của bước 1 và 2 vào chung , tức là dán tất cả code của thủ thuật vào một thẻ - Lưu ý : file JS http://bloggiaovienthaibinh.110mb.com/bannerside/slide.js luôn phải đặt ở vị trí sau cùng của code thủ thuật. Tức là phải load phần code HTML trước phần code JS. Ở thủ thuật này, với màn hình có độ phân giải trên 1024px thì banner mới hiển thị. Chi tiết có thể xem trong file slide.js . Tạo banner quảng cáo trượt dọc 2 bên (Với việc ẩn hiện tùy vào độ phân giải của màn hình) Theo yêu cầu của. Violet post tặng các bạn code khá hay Chúng ta đã khá quen với banner trượt quảng cáo trượt dọc ở 2 bên của 1 site nào đó. đa phần các banner này được thiết kế nằm sát 2 mép (trái & phải) của. đó là banner quảng cáo sẽ nằm ở 2 mép trái và phải của màn hình hiển thị, và việc hiển thị của nó sẽ phụ thuộc vào chế độ xem của màn hình. Xem demo : DEMO (lưu ý : nếu bạn không thấy banner

Ngày đăng: 13/07/2014, 22:00

TỪ KHÓA LIÊN QUAN

w