QQ网站超酷图片轮换代码

作者：袖梨 2022-07-02

提示：您可以先修改部分代码再运行

<style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">
.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">

</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="https://img.111cn.net/uploads/20220923/img_632c93cc70e3230.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="https://img.111cn.net/uploads/20220923/img_632c93ccc062d31.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="https://img.111cn.net/uploads/20220923/img_632c93cd0d0e232.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="https://img.111cn.net/uploads/20220923/img_632c93cd6541c33.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="https://img.111cn.net/uploads/20220923/img_632c93cda429d34.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="https://img.111cn.net/uploads/20220923/img_632c93cde2a1235.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="https://img.111cn.net/uploads/20220923/img_632c93ce2ecd736.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="https://img.111cn.net/uploads/20220923/img_632c93ce7fbc637.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>

提示：您可以先修改部分代码再运行

相关文章

精彩推荐