很酷的图片切换渐变幻灯特效代码

2011-12-28：：139

：

很酷的图片切换渐变幻灯特效代码，点击查看会出现长度变形，在超源建站软件中特效显示正常。

<p> <style type="text/css"> .woon{border:1px solid #fff;} .wooff{border:1px solid #ffffff;filter:progid:DXImagetransform.Microsoft.Alpha(style=1,opacity=1500,finishOpacity=1);} </style> <script language="JavaScript">  </script></p> <table align="center" background="http://img1.qq.com/lady/pics/3931/3931550.jpg" border="0" cellpadding="0" cellspacing="0" width="252"> <tbody> <tr> <td align="middle" height="470"> <div id="fc" style="border-right: #d85c8a 1px solid; border-top: #d85c8a 1px solid; filter: progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward); border-left: #d85c8a 1px solid; width: 240px; border-bottom: #d85c8a 1px solid; height: 454px"> <div style="display: block"> <a href="http://lady.qq.com/a/20071007/000003.htm" target="_blank"><img border="0" height="454" onmouseout="setAuto()" onmouseover="clearAuto();" src="http://mat1.qq.com/lady/images/index/2007/10/07/hot1.jpg" width="240" /></a></div> <div style="display: none"> <a href="http://lady.qq.com/a/20071007/000009.htm" target="_blank"><img border="0" height="454" onmouseout="setAuto()" onmouseover="clearAuto();" src="http://mat1.qq.com/lady/images/index/2007/10/07/hot2.jpg" width="240" /></a></div> <div style="display: none"> <a href="http://lady.qq.com/a/20071007/000005.htm" target="_blank"><img border="0" height="454" onmouseout="setAuto()" onmouseover="clearAuto();" src="http://mat1.qq.com/lady/images/index/2007/10/07/hot3.jpg" width="240" /></a></div> <div style="display: none"> <a href="http://lady.qq.com/a/20071007/000006.htm" target="_blank"><img border="0" height="454" onmouseout="setAuto()" onmouseover="clearAuto();" src="http://mat1.qq.com/lady/images/index/2007/10/07/hot4.jpg" width="240" /></a></div> </div> </td> </tr> <tr> <td height="99" valign="top"> <table align="center" border="0" cellpadding="0" cellspacing="1" id="num"> <tbody> <tr> <td class="woon" onclick="Mea(0);" onmouseout="setAuto()" onmouseover="clearAuto();"> <img height="90" ondblclick="MM_openBrWindow('http://lady.qq.com/a/20071007/000003.htm','','')" src="http://mat1.qq.com/lady/images/index/2007/10/07/hot01.jpg" style="cursor: hand" width="57" /></td> <td class="wooff" onclick="Mea(1);" onmouseout="setAuto()" onmouseover="clearAuto();"> <img border="0" height="90" ondblclick="MM_openBrWindow('http://lady.qq.com/a/20071007/000009.htm','','')" src="http://mat1.qq.com/lady/images/index/2007/10/07/hot02.jpg" style="cursor: hand" width="57" /></td> <td class="wooff" onclick="Mea(2);" onmouseout="setAuto()" onmouseover="clearAuto();"> <img height="90" ondblclick="MM_openBrWindow('http://lady.qq.com/a/20071007/000005.htm','','')" src="http://mat1.qq.com/lady/images/index/2007/10/07/hot03.jpg" style="cursor: hand" width="57" /></td> <td class="wooff" onclick="Mea(3);" onmouseout="setAuto()" onmouseover="clearAuto();"> <img height="90" ondblclick="MM_openBrWindow('http://lady.qq.com/a/20071007/000006.htm','','')" src="http://mat1.qq.com/lady/images/index/2007/10/07/hot04.jpg" style="cursor: hand" width="57" /></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <script> var n=0; var showNum = document.getElementById("num"); function Mea(value){ n=value; setBg(value); plays(value); } function setBg(value){ for(var i=0;i<4;i++) if(value==i){ showNum.getElementsByTagName("td")[i].className='woon'; } else{ showNum.getElementsByTagName("td")[i].className='wooff'; } } function plays(value){ with (fc){ filters[0].Apply(); for(i=0;i<4;i++)i==value?children[i].style.display="block":children[i].style.display="none"; filters[0].play(); } } function clearAuto(){clearInterval(autoStart)} function setAuto(){autoStart=setInterval("auto(n)", 5000)} function auto(){ n++; if(n>3)n=0; Mea(n); } function sub(){ n--; if(n<0)n=3; Mea(n); } setAuto(); </script><p> <span style="font-size: 14px"><span style="color: #2f4f4f">金华超源网络科技有限公司 </span><a data-cke-saved-href="http://jh101.com/" href="http://jh101.com/" target="_blank"><span style="color: #2f4f4f">http://jh101.com/</span></a></span></p>

软件介绍软件功能视频演示

更多网页特效>>

金华市超源网络科技有限公司是一家建站软件开发、网站建设、企业网络推广为主营业务的互联网技术服务公司。以“敬业负责、恪守信誉、积极进取、勇于创新”的经营理念，立足为广大厂家、商家与市场流通之间通过互联网架起信息沟通的的桥梁.；协助商家实施名牌战略，为商品产、供、销提供经济快捷、准确、丰富的信息服务及电子商务服务。

超源1+1专业建站软件可将所有网站功能进行“版块功能组件化”，建站者只需在网站前台（即网站页面）对功能组件进行简单的拖拽、缩放等操作，即可完全按照建站者的构思，建设出专业的网站来。在建站技术上首次实现了所见即所得。