js代码:
var nHangNo = (Math.floor((Math.random()) * 1000) % 7) + 1;
var nSecondHangNo = 0;
var isHangSecondCheck = 0;
var nHangInterval = 4000;
var nHangNoOld = nHangNo;
var objHanger = document.getElementById("divHanger");
var aHtmls = new Array (
"<a href='http://www.makewing.com/lanren/' onfocus='this.blur()' target='_blank'><img src='images/main_hang1.jpg' border=0></a>"
,"<a href='http://www.makewing.com/lanren/' onfocus='this.blur()' target='_blank'><img src='images/main_hang2.jpg' border=0></a>"
,"<a href='http://www.makewing.com/lanren/' onfocus='this.blur()' target='_blank'><img src='images/main_hang3.jpg' border=0></a>"
,"<a href='http://www.makewing.com/lanren/' onfocus='this.blur()' target='_blank'><img src='images/main_hang4.jpg' border=0></a>"
,"<a href='http://www.makewing.com/lanren/' onfocus='this.blur()' target='_blank'><img src='images/main_hang5.jpg' border=0></a>"
,"<a href='http://www.makewing.com/lanren/' onfocus='this.blur()' target='_blank'><img src='images/main_hang6.jpg' border=0></a>"
,"<a href='http://www.makewing.com/lanren/' onfocus='this.blur()' target='_blank'><img src='images/main_hang7.jpg' border=0></a>"
,"<a href='http://www.makewing.com/lanren/' onfocus='this.blur()' target='_blank'><img src='images/main_hang8.jpg' border=0></a>"
);
function getNavigatorType()
{
if (navigator.appName == "Microsoft Internet Explorer") return 1;
else if (navigator.appName == "Netscape") return 2;
else return 0;
}
function rotateHanger()
{
if (getNavigatorType() == 1) {
objHanger.filters[0].apply();
setHanger();
objHanger.filters[0].play();
} else {
setHanger();
}
nHangNoOld = nHangNo;
if (isHangSecondCheck == 0) {
nHangNo = nSecondHangNo;
isHangSecondCheck = 1;
} else {
(nHangNo==(aHtmls.length-1))?nHangNo=0:nHangNo++;
}
/**/
nRotateTimer = setTimeout('rotateHanger()',nHangInterval);
}
function restartRotate()
{
(nHangNo==(aHtmls.length-1))?nHangNo=0:nHangNo++;
nRotateTimer = setTimeout('rotateHanger()',nHangInterval);
}
function changeHanger(nGotoNo)
{
nHangNo = nGotoNo;
if (getNavigatorType() == 1) {
objHanger.filters[0].apply();
setHanger();
objHanger.filters[0].play();
} else {
setHanger();
}
}
function setHanger()
{
objHanger.innerHTML=aHtmls[nHangNo];
}
rotateHanger();
index里：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Copyright" content="懒人图库
http://lanren.makewing.com/" />
<meta name="description" content="学会偷懒，并懒出境界是提高工作效率最有效的方法！" />
<meta content="懒人图库" name="keywords" />
<title>懒人图库</title>
<style type="text/css">
td {font-size: 12px;}
</style>
</head>
<body>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=700 border=0>
<TBODY>
<TR>
<TD vAlign=top width=549 height=293><DIV id=divHanger onmouseover=clearTimeout(nRotateTimer);
style="FILTER: progid
XImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, duration=1 ,motion='forward'); OVERFLOW: hidden; WIDTH: 549px; POSITION: absolute"
onmouseout=restartRotate();></DIV>
<script language=JavaScript src="js/storepic.js"></script>
</TD>
<TD vAlign=top width=120><IMG height=293
src="images/main_thum.gif"
width=151 useMap=#mapHanger border=0>
<MAP
name=mapHanger>
<!--1-->
<AREA onfocus=blur() shape=RECT
coords=94,1,151,54
href="javascript:%20changeHanger(0);">
<!--2-->
<AREA onfocus=blur()
shape=RECT coords=32,22,88,89
href="javascript:%20changeHanger(1);">
<!--3-->
<AREA onfocus=blur()
shape=RECT coords=96,66,152,128
href="javascript:%20changeHanger(2);">
<!--4-->
<AREA onfocus=blur()
shape=RECT coords=31,93,91,159
href="javascript:%20changeHanger(3);">
<!--5-->
<AREA onfocus=blur()
shape=RECT coords=95,134,152,197
href="javascript:%20changeHanger(4);">
<!--6-->
<AREA onfocus=blur()
shape=RECT coords=29,162,91,228
href="javascript:%20changeHanger(5);">
<!--7-->
<AREA onfocus=blur()
shape=RECT coords=94,204,152,266
href="javascript:%20changeHanger(6);">
<!--8-->
<AREA onfocus=blur()
shape=RECT coords=30,234,91,293
href="javascript:%20changeHanger(7);">
</MAP></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</BODY></HTML>
没法发图片
建议你去
http://www.makewing.com/看看
