Các bạn dùng Notepad coppy đoạn mã này vào rồi lưu lại thành html :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
<p><b style="mso-bidi-font-weight:normal"><span style="font-size:24.0pt;font-family:"Times New Roman";mso-fareast-font-family:
"Times New Roman";color:red;mso-ansi-language:EN-US;mso-fareast-language:EN-US;
mso-bidi-language:AR-SA">Ảo ảnh thiên đường</span></b></p>
<p class="MsoNormal" style="text-align:justify">Chiêu thức này sau khi
luyện xong quý bà con sẽ có được món võ khá
cao cường- những hình ảnh trong trang Web sẽ thay
đổi tuần tự một cách rất đẹp
rất bắt mắt người lướt web.</p>
<p class="MsoNormal" style="text-align:justify">Chiêu thứ nhất: Các
bạn có thể chọn một số ảnh đẹp
để scan với độ phân giải bằng nhau như
400x300pixel hay lớn nhỏ hơn tùy thích các bạn,
hoặc chọn những ảnh có sẵn bằng kích thướt
( nhiều ảnh hay ít tùy bạn ).Sau đó lưu chung
với trang web bạn làm với tên theo thứ tự
từng ảnh là “photo1.jpg”, “photo2.jpg” , “photo3.jpg” ,
“….jpg”.</p>
<p class="MsoNormal" style="text-align:justify">Chiêu thứ hai: Mở
Notepad lên chíp đoạn mã sau vào:</p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"><script
language="JavaScript"><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"><!--<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"> <o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">/*<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">Chieu
thuc Ao Anh Thien Duong<br>
*/<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">//Bieu
dien Show hinh anh (thay doi trong vai day ngan)<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">var
slidespeed=3000<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">//hinh
anh dua vao<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">var
slideimages=new Array</span><span style="color:red">("photo1.jpg","photo2.jpg","photo3.jpg","photo4.jpg")</span><span style="color:blue"><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"> <o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">var
imageholder=new Array()<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">var
ie55=window.createPopup<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">for (i=0;i<slideimages.length;i++){<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">imageholder[i]=new
Image()<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">imageholder[i].src=slideimages[i]<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">}<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"> <o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">function
gotoshow(){<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">window.location=slidelinks[whichlink]<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">}<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"> <o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">//--><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"></script><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"><a
href="javascript:gotoshow()"><img src=</span><span style="color:red">"photo1.jpg"</span><span style="color:blue">
name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"> <o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"><script
language="JavaScript"><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"><!--<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">var
whichlink=0<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">var
whichimage=0<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">var
pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">function
slideit(){<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">if (!document.images)
return<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">if
(ie55) document.images.slide.filters[0].apply()<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">document.images.slide.src=imageholder[whichimage].src<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">if
(ie55) document.images.slide.filters[0].play()<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">whichlink=whichimage<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">whichimage=(whichimage<slideimages.length-1)?
whichimage+1 : 0<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">setTimeout("slideit()",slidespeed+pixeldelay)<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">}<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">slideit()<o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"> <o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue">//--><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"></script><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="margin-left:36.0pt"><span style="color:blue"><body><o:p>
</o:p>
</span></p>
<p class="MsoNormal" style="text-align:justify"> <o:p>
</o:p>
</p>
<p class="MsoNormal" style="text-align:justify">Ở đoạn Script này
bạn có thể thêm nhiều hình ảnh hơn bằng cách
thêm vào bằng dấu <span style="color:red">,"tenanhtieptheo.jpg"
</span>vào đoạn Script màu đỏ đầu tiên.
Bạn chọn hình ảnh nào hiển thị đầu tiên
bằng cách sửa số thứ tự ảnh ở dòng
Script màu đỏ tiếp theo.</p>
<p class="MsoNormal" style="text-align:justify">Mẹo cho bạn:
bạn có thể Past đoạn Script vào chỗ nào thì hình
ảnh sẽ bay nhảy ở đó.hình ảnh này
bạn có thể co giản lớn nhỏ tùy kích thướt
khác nhau cho thích hợp với trang web ( nhưng nhớ là cùng
kíck cỡ thì bạn sẽ thấy đẹp hơn. )</p>
<p class="MsoNormal" style="text-align:justify">Vậy là xong món
“Ảo Ảnh Thiên Đường” rồi bây giờ
bạn có thể xuất chiêu để bạn bè cùng
ngắm nghía mà …bái phục. Hẹn kì tiếp theo !</p>
<p> </p>
<p><span style="font-size: 24.0pt; font-family: Times New Roman; mso-fareast-font-family: Times New Roman; color: red; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA; mso-bidi-font-weight: normal">Sưu
tầm : Nguyễn Thành</span></p>
</body>
</html>
Jul 3 2006, 04:59 PM
