纯JS实现的平滑幻灯播放效果，可直接在HTML页面内修改链接和图片，效果非常不错
查看演示页面 View Demo 查看全部代码 View Code
在网页<head>区添加以下代码
<LINK href="css/base.css" type=text/css rel=stylesheet>
<SCRIPT language=javascript type=text/javascript>
/*****************************************************
* Share JavaScript (http://www.ShareJS.com)
* 使用此脚本程序，请保留此声明
* 获取此脚本以及更多的JavaScript程序，请访问 http://www.ShareJS.com
******************************************************/
var thumbCount = 4;
document.getElementById('zoom').style.left = -514 + 'px';
document.getElementById("zoom1").style.visibility = "hidden";
document.getElementById("zoom2").style.visibility = "hidden";
document.getElementById("zoom3").style.visibility = "hidden";
</SCRIPT>
<SCRIPT src="js/base.js" type=text/javascript></SCRIPT>
在网页<body>区添加以下代码
<DIV id=fbMaster> <DL id=content> <DT><STRONG><SPAN id=zoom> <A href="http://www.sharejs.com/" target="_blank"><IMG id=zoom0 height=432 alt="" src="images/ss_lrg_pk0.jpg" width=514></a> <A href="http://www.sharejs.com/" target="_blank"><IMG id=zoom1 height=432 alt="" src="images/ss_lrg_pk1.jpg" width=514></a> <A href="http://www.sharejs.com/" target="_blank"><IMG id=zoom2 height=432 alt="" src="images/ss_lrg_pk2.jpg" width=514></a> <A href="http://www.sharejs.com/" target="_blank"><IMG id=zoom3 height=432 alt="" src="images/ss_lrg_pk3.jpg" width=514></a> </SPAN> </STRONG></DT> <DD><A title="sharejs.com"><IMG id=thumb0 height=106 alt="" src="images/ss_sml_pk0.jpg" width=106></A></DD> <DD><A title="sharejs.com"><IMG id=thumb1 height=106 alt="" src="images/ss_sml_pk1.jpg" width=106></A></DD> <DD><A title="sharejs.com"><IMG id=thumb2 height=106 alt="" src="images/ss_sml_pk2.jpg" width=106></A></DD> <DD class=last><A title="sharejs.com"><IMG id=thumb3 height=106 alt="" src="images/ss_sml_pk3.jpg" width=106></A></DD> </DL> </DIV>
