可以用javascript实现
用javascript实现的类似flash的效果<p>
<BODY style="cursor:url('http://webme.bokee.com/inc/mouse092.cur')"></BODY>
<table width="240" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" style="padding-top:3px; ">
<style>
<!--
/*外筐*/
#f_div{ width:222px; height:182px; overflow:hidden;}
#f_imgDiv{}
#f_img{FILTER: revealTrans(duration=1,transition=6); border:#000 1px solid;}
#f_buttonDiv{ width:100%; height:13px;top:-14px;right:1px; position:relative; overflow:hidden; }
#all_button{ background:#fff;}
#f_line{ width:90px; float:right;background-color:#000; filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); }
#f_buttonDiv a{width:22px;height:14px; padding:0 !important; padding-top:1px; float:right; color:#fff; font-weight:bold; border-left:1px #fff solid; overflow:hidden; }
#f_buttonDiv a:link,#f_buttonDiv a:visited,#f_buttonDiv a:active{ background:#000;}
#f_buttonDiv a:hover{background:#FF840C;}
#f_buttonDiv a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{background:#FF840C;}
/*文字*/
#f_text{ position:relative; top:-10px; text-align:center;}
-->
</style>
<script>
var imgUrl = new Array();
var imgText = new Array();
var imgLink = new Array();
var imgAlt= new Array();
var imgWidth=180;
var imgHeight=163;
var _timeOut_=5000;
var timeOut=_timeOut_;
var timeOut2=_timeOut_/2; //
onmouseout img后需要切换的时间
var now=0;
var firstTime=true;
var target="_blank"; //打开方式
var ver=2; //兼容浏览器版本 默认2 为非ie
imgUrl[0]='http://photo3.hexun.com/p/2006/1111/56767/b_3C66204AFAF9D9C7D5B4B91C24F69FB0.jpg';
imgText[0]='别哭';
imgLink[0]='http://hexun.com/hibernate/default.html';
imgAlt[0]='别哭';
imgUrl[1]='http://photo3.hexun.com/p/2006/1111/56768/b_559B0B15AB062B7C6070B5CE7A5D7A7C.jpg';
imgText[1]='我来了';
imgLink[1]='http://hexun.com/hibernate/default.html';
imgAlt[1]='我来了';
imgUrl[2]='http://photo3.hexun.com/p/2006/1111/56766/b_117D6D034DABFF18A6B824F865B1D6BA.jpg';
imgText[2]='I Belive I Can Fly........';
imgLink[2]='http://hexun.com/hibernate/default.html';
imgAlt[2]='I Belive I Can Fly........';
imgUrl[3]='http://photo2.hexun.com/p/2006/0509/20997/b_1C66DABF0CB9A8E9.jpg';
imgText[3]='dogs';
imgLink[3]='http://hexun.com/hibernate/default.html';
imgAlt[3]='dogs';
var count=0;
for (i=0;i<imgUrl.length;i++) {
if( (imgUrl
!="") && (imgText!="")&& (imgLink!="")&& (imgAlt!="")) {
count++;
} else {
break;
}
}
function change(){
if (ver==1){
with(eval('f_img').filters.revealTrans){
Transition=6;
apply();
play();
}
}
if (firstTime){ firstTime=false;timeOut=_timeOut_/2;}
else{
f_img.src=imgUrl[now];
f_img.alt=imgAlt[now];
f_imgLink.href=imgLink[now];
f_text.innerHTML=imgText[now];
for (var i=0;i<count;i++) {eval('b'+i).className="button";}
eval('b'+now).className="on";
now=(now>=imgUrl.length-1)?0:now+1;
timeOut=_timeOut_;
}
theTimer=setTimeout("change()", timeOut);
}
function b_change(num){
window.clearInterval(theTimer);
now=num;
firstTime=false;
change();
}
try{ //ie版本
new ActiveXObject("DXImageTransform.Microsoft.revealTrans");
ver=1;
}
catch (e){ver=2;}
//表现层 start
with(document){
write('<div id="f_div">');
write('<div id="f_imgDiv">');
write('<a id="f_imgLink" target='+target+' href="'+imgLink[now]+'">');
write('<img id="f_img" width='+imgWidth+' height='+imgHeight+' src="'+imgUrl[now]+'" alt="'+imgAlt[now]+'">');
write('</a>');
write('</div>');
write('<div id="f_buttonDiv">');
write('<div id="button_bg">');
for (var i=count;i>0;i--){
if(i==now+1){write('<a id="b'+(i-1)+'" class="on" href="javascript:b_change('+(i-1)+')" onfocus="blur()" title="'+imgAlt[(i-1)]+'">'+i+'</a>');}
else{write('<a id="b'+(i-1)+'" href="javascript:b_change('+(i-1)+')" onfocus="blur()" title="'+imgAlt[(i-1)]+'">'+i+'</a>');}
}
write('</div>');
if (ver==1){write('<div id="f_line"></div>');}
write('</div>');
write('<div id="f_text">');
write(imgText[now]);
write('</div>');
write('</div>');
}
//表现层 end
f_img.onmouseover=function(){window.clearInterval(theTimer);}
f_img.onmouseout=function(){theTimer=setTimeout("change()", timeOut2);}
var theTimer = setTimeout("change()", _timeOut_/2);
</script>
</td>
</tr>
</table>
<form method=GET action="http://www.baidu.com/baidu" target="_blank">
<input name=word size="31" maxlength="255">
<input type=submit value=" 百度站内搜索 ">
<input name=tn type=hidden value="baidulocal">
<input name=cl type=hidden value="3">
<input name=ct type=hidden value="2097152">
<input name=si type=hidden value="hibernate.blog.hexun.com">
</FORM>
<br>
