网页设计 平面设计 我爱影音 操作技巧 素材汇集 动画设计 妈咪宝贝 视觉盛宴 奇闻鬼话 休闲游戏 生活点滴 美食天地 首页
超酷的图片轮换渐变效果··来自腾讯
发布日期:[07-12-10 11:46:56] 点击次数:[]

刚刚在腾讯女性频道上看到一个很酷的图片渐变轮换效果·····于是乎····抠下来了···分享···<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" type="text/JavaScript"><!--window.onerror = function(){return true}function MM_openBrWindow(theURL,winName,features) { //v2.0  window.open(theURL,winName,features);}//--></script><table width=252 border=0 align=center cellPadding=0 cellSpacing=0  background="http://img1.qq.com/lady/pics/3931/3931550.jpg">    <tr>      <td height="470" align="center">        <div id=fc style="filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward ); WIDTH:240px; HEIGHT:454px; border:1px solid #D85C8A">          <div style="display:block"><A                   href="http://lady.qq.com/a/20071007/000003.htm" target=_blank><img onmouseover=clearAuto();                   onmouseout=setAuto() height=454                   src="http://f.lv.luo.com/Files/File/2007-12/10/GD93161D204858589B.jpg" width="57" height="90" style="cursor: hand" onDblClick="MM_openBrWindow('http://lady.qq.com/a/20071007/000006.htm','','')"></td>             </td>          </tr>            </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></body></html>
COPYRIGHT © 我爱UI WWW.5IUI.NET ALLRIGHTS RESERVED