代码简单,经过本人更改,可以直接copy后使用,可以自行设置CSS和布局,应用灵活

效果图如下:





代码说明:

1.js和CSS引用

<link href="http://vis0769com.s104.72dns.com/js/tabimg.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="http://vis0769com.s104.72dns.com/js/AutoChangePhoto.js" ></script>
2.HTML代码

(注意:ID号不能更改)

<table width="395" cellpadding="2" cellspacing="2">
<tr>
<td width="72%" rowspan="4" valign="top">
<div id="bimg1">
<a href="http://p.blog.csdn.net/images/p_blog_csdn_net/lihjay/EntryImages/20080803/1.jpg" id="foclnk"><img src="http://p.blog.csdn.net/images/p_blog_csdn_net/lihjay/EntryImages/20080803/1.jpg" alt="" name="focpic" width="280" height="230" border="0" id="focpic" style="filter: RevealTrans ( duration = 1，transition=23 ); visibility: visible;"></a>
<div id="fttltxt" style="height:25px; line-height:25px; font-size:14px; display:none;">
<a href="http://p.blog.csdn.net/images/p_blog_csdn_net/lihjay/EntryImages/20080803/1.jpg" target="_blank">http://p.blog.csdn.net/images/p_blog_csdn_net/lihjay/EntryImages/20080803/1.jpg</a></div>
</div> </td>

<td width="100" height="50"> <div id="tmb0" class="thubpiccur" _disibledevent="0"></a></div> </td>
</tr>
</table>