CODE TRƯỢT 2 BÊN WEB.
Thời gian qua trên mạng và thư viện violet.Có rất nhiều quý thầy cô tạo code trượt 2 bên web (code hình hoặc Flash).Nhưng chưa đảm bảo cho nhửng ai sử dụng máy tính độ phân giải màn hình khác nhau.Từ đó tôi đã tìm hiểu và mày mò tinh chỉnh lại code trượt 2 bên web cho đúng theo yêu cầu kỷ thuật sau:
1) Có thể sử dụng 2 độ phân giải màn hình: 800x600 và 1024x768
2) Có thể thay đổi hình ảnh đại diện 2 bên web + liên kết web.
3) Điều chỉnh kích thước hình đại diện 2 bên
4) 2 Hình đại diện trượt 2 bên web.
5) Sử dụng được cho IE8 và Mozilla Firefox 9 (Google chrome 16 thì chưa thử).
<div class="content">
<div id="advert1" class="banner" style=
"position: absolute; display: none;"><a title="" target="_blank"
href="http://trinhthikimloan.violet.vn/"><img width="110" height="500" src=
"http://violet.vn/uploads/blogs/684/1.jpg"
alt="Trịnh Thị Kim Loan "></a></div>
<div id="advert2" class="banner" style=
"position: absolute; display: none;"><a title="" target="_blank"
href="http://trinhthikimloan.violet.vn/"><img width="110" height="500" src=
"http://violet.vn/uploads/blogs/684/2.jpg"
alt="Trịnh Thị Kim Loan "></a></div>
<script type="text/javascript">
setPosition({element: 'advert1', top: 0 , left: 3, minWidth: 1000});$('advert1').style.display='block';setPosition;
setPosition({element: 'advert2', top: 0 , right: 3, minWidth: 1000});$('advert2').style.display='block';setPosition;
topMenu = new cssMenu("chromemenu", "bottom");var leftMenu = new cssMenu("leftmenu2", "right");
</script></div>
QUÝ THẦY CÔ CÓ THỂ THAY ĐỔI LINK WEB + TÊN + HÌNH ĐẠI DIỆN
@ ĐÂY XEM NHƯ MÓN QUÀ CHÚC TẾT QUÝ THẦY CÔ TRÊN CỘNG ĐỒNG THƯ VIỆN VIOLET.
Trịnh Thị Kim Loan @ 11:04 14/01/2012
Số lượt xem: 5620
- HƯỚNG DẪN CHÈN CODE CHO WEB. (04/12/10)
- Khi lập web cần chú ý. (02/11/10)
- Cách thực hiện thư mục liên kết Menu ngang (20/07/10)
- Cách đưa tư liệu vào web Trường (23/03/10)
CODE CHUẨN - CHÈN ĐƯỢC CHO 2 KHỐI CHỨC NĂNG:
<div class="content">
<div id="advert1" class="banner" style=
"position: absolute; display: none;"><a title="" target="_blank"
href="http://trinhthikimloan.violet.vn/"><img width="110" height="500" src=
"http://violet.vn/uploads/blogs/684/1.jpg"
alt="Trịnh Thị Kim Loan "></a></div>
<div id="advert2" class="banner" style=
"position: absolute; display: none;"><a title="" target="_blank"
href="http://trinhthikimloan.violet.vn/"><img width="110" height="500" src=
"http://violet.vn/uploads/blogs/684/2.jpg"
alt="Trịnh Thị Kim Loan "></a></div>
<script type="text/javascript">
setPosition({element: 'advert1', top: 0 , left: 3, minWidth: 1000});$('advert1').style.display='block';setPosition;
setPosition({element: 'advert2', top: 0 , right: 3, minWidth: 1000});$('advert2').style.display='block';setPosition;
topMenu = new cssMenu("chromemenu", "bottom");var leftMenu = new cssMenu("leftmenu2", "right");
</script></div>
@ ĐÂY XEM NHƯ MÓN QUÀ CHÚC TẾT QUÝ THẦY CÔ TRÊN CỘNG ĐỒNG THƯ VIỆN VIOLET.
CODE 2 CÂU ĐỐI TRƯỢT 2 BÊN WEB (ĐÃ CHỈNH SỬA):
<div class="content">
<div id="advert1" class="banner" style=
"position: absolute; display: none;"><a title="" target="_blank"
href="http://trinhthikimloan.violet.vn/"><img width="110" height=
"510" src="http://violet.vn/uploads/blogs/684/1_01.jpg" alt=
"Trịnh Thị Kim Loan "></a></div>
<div id="advert2" class="banner" style=
"position: absolute; display: none;"><a title="" target="_blank"
href="http://trinhthikimloan.violet.vn/"><img width="110" height=
"510" src="http://violet.vn/uploads/blogs/684/2_02.jpg" alt=
"Trịnh Thị Kim Loan "></a></div>
<script type="text/javascript">
setPosition({element: 'advert1', top: 0 , left: 3, minWidth: 1000});$('advert1').style.display='block';setPosition;
setPosition({element: 'advert2', top: 0 , right: 3, minWidth: 1000});$('advert2').style.display='block';setPosition;
topMenu = new cssMenu("chromemenu", "bottom");var leftMenu = new cssMenu("leftmenu2", "right");
</script></div>