code chạy hình

by **Admin** Thu Mar 22, 2012 11:00 pm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="giaodien.css" rel="stylesheet" type="text/css" />
</head>
<script language="javascript">
// var last_index=5;
var first_index=0;
var mang= new Array( Cool

;
for(i=0;i<8;i++)
{
k=i+1;
mang[i]="hinh"+k+".jpg";
}

function hienthi()
{
for(var i=1; i<=5; i++)
{
x = document.getElementById("hinh" + i);
x.src = mang[(first_index+i-1)%mang.length];
}
}

function goprevious()
{
first_index++;
if(first_index == mang.length)
first_index = 0;
hienthi();
loadhinh("hinh1");
}
//alert(mang);
function gonext()
{
first_index--;
if(first-index<0)
first_index=mang.length-1;
hienthi();
loadhinh("hinh5");

}
function xemtruoc()
{

x5=document.getElementById("hinh5");
x4=document.getElementById("hinh4");
x3=document.getElementById("hinh3");
x2=document.getElementById("hinh2");
x1=document.getElementById("hinh1");

x5.src=x4.src;
x4.src=x3.src;
x3.src=x2.src;
x2.src=x1.src;
first_index--;
if(first_index<0)
{
first_index=7;
}
x1.src=mang[first_index];
loadhinh("hinh5");
}
function xemsau()
{

x5=document.getElementById("hinh5");
x4=document.getElementById("hinh4");
x3=document.getElementById("hinh3");
x2=document.getElementById("hinh2");
x1=document.getElementById("hinh1");
x1.src=x2.src;
x2.src=x3.src;
x3.src=x4.src;
x4.src=x5.src;

first_index++;
if(first_index> Cool

{
first_index=1;

}
else
{
x5.src=mang[first_index];
loadhinh("hinh1");

//last_index++;

}
}
function loadhinh(idhinh)
{

x=document.getElementById(idhinh);
y=document.getElementById("hinh");
y.src=x.src;
}
function slide()
{

//xemtruoc();
//setTimeout('slide()',3000);
}
</script>
<body onload="slide()">
<div id="baodong">
<div id="header">
<div id="logo">
</div>
<div class="menu">
<li>
<a href="#">Trang chu</a>
<a href="#">Lien he</a>
<a href="#">Tro Giup</a>
</li>
</div>
</div>
<div id="than">
<div id="trai">

<h1 >Thong tin noi bat</h1>
<p >Một trưởng công an xã bị cáo buộc bắn nhiều phát súng làm một người dân phải đi cấp cứu. Truyền thông trong nước tường thuật vụ xô xát diễn ra ở xã Long Hà, tỉnh Bình Phước, khi công an tìm cách bắt giữ những người đang đánh bài hôm thứ Tư, ...
More Việt Nam stories</p>
</div>
<div id="phai">
<ul>
<h2>Trang lien ket</h2>
<h2>Contact</h2>
</ul>
</div>
</div>
<div id="footer" align="center">
<p>Trang web nay duoc su cong tac cua </p>
<a href="#">contact us</a>
</div>
</div>

<table width="284" height="358" border="0" cellpadding="0" align="center" id="hinhlon">
<tr>
<td width="251" class="hinhlon"><img src="hinh1.jpg" width="259" class="hinhlon" id="hinh"></td>
</tr>
</table>

<table width="600" height="90" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td class="hinhnho"><img src="hinhtruoc.jpg" width="40" height="40" align="right" id="hinhtruoc" onclick="goprevious()" ></td>
<td class="hinhnho"> <img src="hinh1.jpg" width="80" height="80" id="hinh1" onmouseover="loadhinh(this.id)" ></td>
<td class="hinhnho"> <img src="hinh2.jpg" width="80" height="80" id="hinh2" onmouseover="loadhinh(this.id)" ></td>
<td class="hinhnho"> <img src="hinh3.jpg" width="80" height="80" id="hinh3" onmouseover="loadhinh(this.id)" ></td>
<td class="hinhnho"> <img src="hinh4.jpg" width="80" height="80" id="hinh4" onmouseover="loadhinh(this.id)" ></td>
<td class="hinhnho"> <img src="hinh5.jpg" width="80" height="80" id="hinh5" onmouseover="loadhinh(this.id)" ></td>
<td class="hinhnho"><img src="hinhsau.jpg" width="40" height="40" id="hinhsau" onclick="gonext()" align="left" ></td>
</tr>
</table>
</body>
</html>