详细内容

四屏平滑滚动的幻灯片效果
兼容性：IE6+ FireFox2+ Opera9+ 更新时间：2009-10-30

简介：纯JS实现的平滑幻灯播放效果，可直接在HTML页面内修改链接和图片，效果非常不错

查看源代码：查看

使用说明：

    在网页<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>

下载：从本地下载

出处：http://www.coos.cn/

本类最新资源

本类最新

本类热门资源

本类热门