注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小新之家

心灵的放松地点

 
 
 

日志

 
 

腾讯女性频道图片切换效果特效  

2009-08-14 10:59:44|  分类: 学习资料 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<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://mat1.qq.com/lady/images/index/2007/10/07/hot1.jpg" width=240 border=0></A></div>
         
        <div style="display: none"><a href="http://lady.qq.com/a/20071007/000009.htm" target="_blank"><img onmouseover=clearAuto();
                  onmouseout=setAuto() height=454
                  src="http://mat1.qq.com/lady/images/index/2007/10/07/hot2.jpg" width=240 border=0></a></div>
         
        <div style="display: none"><A href="http://lady.qq.com/a/20071007/000005.htm" target=_blank><img onmouseover=clearAuto();
                  onmouseout=setAuto() height=454
                  src="http://mat1.qq.com/lady/images/index/2007/10/07/hot3.jpg" width=240 border=0></A></div>
        <div style="display: none"><a href="http://lady.qq.com/a/20071007/000006.htm" target=_blank><img onmouseover=clearAuto();
                  onmouseout=setAuto() height=454
                  src="http://mat1.qq.com/lady/images/index/2007/10/07/hot4.jpg" width=240 border=0></a></div>
      </div></td>
    </tr>
    <tr>
      <td height=99 valign="top"> <table border=0 align=center cellPadding=0 cellSpacing=1 id=num>      
          <tr>
            
          <td class=woon onmouseover=clearAuto();onclick=Mea(0); onmouseout=setAuto()
                           ><img src="http://mat1.qq.com/lady/images/index/2007/10/07/hot01.jpg" width="57" height="90" style="cursor: hand" onDblClick="MM_openBrWindow('http://lady.qq.com/a/20071007/000003.htm','','')"></td>
            
          <td class=wooff onmouseover=clearAuto();
                            onclick=Mea(1); onmouseout=setAuto()
                           ><img src="http://mat1.qq.com/lady/images/index/2007/10/07/hot02.jpg" width="57" height="90" border="0" style="cursor: hand" onDblClick="MM_openBrWindow('http://lady.qq.com/a/20071007/000009.htm','','')"></td>
          <td class=wooff onmouseover=clearAuto();
                            onclick=Mea(2); onmouseout=setAuto()
                            ><img src="http://mat1.qq.com/lady/images/index/2007/10/07/hot03.jpg" width="57" height="90" style="cursor: hand" onDblClick="MM_openBrWindow('http://lady.qq.com/a/20071007/000005.htm','','')"></td>
            
          <td class=wooff onmouseover=clearAuto();
                            onclick=Mea(3); onmouseout=setAuto()
                           ><img src="http://mat1.qq.com/lady/images/index/2007/10/07/hot04.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></font>
  评论这张
 
阅读(274)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017