Programer
Tổng số bài gửi : 5 Điểm số : 4184 Join date : 21/11/2012
| Tiêu đề: DÙNG FRAMESET ĐỂ NHÚNG CÁC TRANG WEB KHÁC VÀO TRANG WEB ĐANG MỞ Fri Dec 14, 2012 9:52 pm | |
| DÙNG FRAMESET ĐỂ NHÚNG CÁC TRANG WEB KHÁC VÀO TRANG WEB ĐANG MỞ        Bài này sẽ hướng dẫn các bạn cách chuyển link khi bấm vào Frameset sẽ được đưa ra khung chính (body) . Giả sử ta có một trang Web chia làm 2 frame.Frame 1 sẽ là các liên kết nút bấm dạng GIF để khi nhấn vào nó sẽ hiển thị ra frame chính,tức phần thân trang web.VD này sẽ tạo frameset 1 với 3 nút bấm tương ứng với các tên HINH1 HINH3 và HINH5.Cấu trúc của frame 1 như sau: - Code:
-
<html> <head> <title>Framset 1</title> <base target="main"> (* dòng này rất quan trọng*) <Script Language="JavaScript"> <!--Begin tenanh=new Array("HINH1", "HINH3" , "HINH5"); anh=new Array(); anhOn=new Array(); (*khai báo mảng ảnh để sử dụng cho hàm OnMOuseOver*) for(i=0; i<tenanh.length; i++) { anh[i]=new Image(); anh[i].src=tenanh[i]+".gif"; anhOn[i]=new Image(); anhOn[i].src=tenanh[i]+"On.gif"; } function changeImg(doi1,doi2) { document[doi1].src=eval(doi2+".src"); } //--End--> </Script> </head> <body> <p align="left"> (* Ta giả sử tất cả các trang web và hình ảnh liên quan đều nằm trong thư gốc E:\*) <a href="file:\\\E:\trang_web_tuong_ung_voi_HINH1.html" onMouseOver=changeImg('HINH1','anhOn[0]')" onMouseOut="changeImg('HINH1','anh[0]')"><img name="HINH1" src="file:\\\E:\HINH1.gif" border="0"></a><br> <a href="file:\\\E:\trang_web_tuong_ung_voi_HINH3.html" onMouseOver=changeImg('HINH3','anhOn[1]')" onMouseOut="changeImg('HINH3','anh[1]')"><img name="HINH3" src="file:\\\E:\HINH3.gif" border="0"><a/><br> <a href="file:\\\E:\trang_web_tuong_ung_voi_HINH5.html" onMouseOver=changeImg('HINH5','anhOn[2]')" onMouseOut="changeImg('HINH5','anh[2]')"><img name="HINH5" src="file:\\\E:\HINH5.gif" border="0"><a/><br> </p> </body> </html> (*Vậy là ta đã hoàn thành xong frameset 1,giả sử lưu tại thư mục gốc của ổ E với tên FRAMESET1.html*) (*Thì đoạn mã trang thân chính sẽ như sau:*) __________________________________Trang thân chính_________________________________ - Code:
-
<html> <head> <title>thân trang web</title> </head> <frameset cols="20%'80%"> (*Chia trang web thành 2 cột với tỉ lệ 20/80 trong đó 20 là cho trang FRAMESET1.html*) <frame name="frame1" target="main" src="file:\\\E:\FRAME1.html" scrolling="auto" align="center"> </frameset>
Hết
the End |
|