注册 | 登陆

您的位置：阿里西西 > 网页特效 > 图像特效 > 详细内容

4顶

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

稿源：互联网 2022-04-23 16:20:03 点击： 12905 撤稿纠错

腾讯女性频道图片切换效果特效，非常漂亮的效果，还带文字说明的。

以下讨论的是和特效图片切换相关的腾讯女性频道图片切换效果特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<style type="text/css"><br>.woon{border:1px solid #fff;}<br>.wooff{border:1px solid #ffffff;filter:progid:DXImagetransform.Microsoft.Alpha(style=1,opacity=1500,finishOpacity=1);}<br></style><br><script language="JavaScript" type="text/JavaScript"><br><br></script><br><table width=252 border=0 align=center cellPadding=0 cellSpacing=0  background="http://img1.qq.com/lady/pics/3931/3931550.jpg"><br>    <tr><br>      <td height="470" align="center"><br>        <div id=fc style="filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward ); WIDTH:240px; HEIGHT:454px; border:1px solid #D85C8A"><br>          <div style="display:block"><A <br>                  href="http://lady.qq.com/a/20071007/000003.htm" target=_blank><img onmouseover=clearAuto(); <br>                  onmouseout=setAuto() height=454 <br>                  src="http://mat1.qq.com/lady/images/index/2007/10/07/hot1.jpg" width=240 border=0></A></div><br>          <br>        <div style="display: none"><a href="http://lady.qq.com/a/20071007/000009.htm" target="_blank"><img onmouseover=clearAuto(); <br>                  onmouseout=setAuto() height=454 <br>                  src="http://mat1.qq.com/lady/images/index/2007/10/07/hot2.jpg" width=240 border=0></a></div><br>          <br>        <div style="display: none"><A href="http://lady.qq.com/a/20071007/000005.htm" target=_blank><img onmouseover=clearAuto(); <br>                  onmouseout=setAuto() height=454 <br>                  src="http://mat1.qq.com/lady/images/index/2007/10/07/hot3.jpg" width=240 border=0></A></div><br>        <div style="display: none"><a href="http://lady.qq.com/a/20071007/000006.htm" target=_blank><img onmouseover=clearAuto(); <br>                  onmouseout=setAuto() height=454 <br>                  src="http://mat1.qq.com/lady/images/index/2007/10/07/hot4.jpg" width=240 border=0></a></div><br>      </div></td><br>    </tr><br>    <tr><br>      <td height=99 valign="top"> <table border=0 align=center cellPadding=0 cellSpacing=1 id=num>       <br>          <tr><br>             <br>          <td class=woon onmouseover=clearAuto();onclick=Mea(0); onmouseout=setAuto()<br>                           ><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><br>             <br>          <td class=wooff onmouseover=clearAuto(); <br>                            onclick=Mea(1); onmouseout=setAuto()<br>                           ><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><br>          <td class=wooff onmouseover=clearAuto(); <br>                            onclick=Mea(2); onmouseout=setAuto() <br>                            ><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><br>             <br>          <td class=wooff onmouseover=clearAuto(); <br>                            onclick=Mea(3); onmouseout=setAuto() <br>                           ><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><br>             </td><br>          </tr><br>      <br>      </table><br>      <br><script> <br>var n=0;<br>var showNum = document.getElementById("num");<br>function Mea(value){<br> n=value;<br> setBg(value);<br> plays(value);<br> }<br>function setBg(value){<br> for(var i=0;i<4;i++)<br>   if(value==i){<br>  showNum.getElementsByTagName("td")[i].className='woon';<br>  } <br> else{ <br>  showNum.getElementsByTagName("td")[i].className='wooff';<br>  }  <br> } <br>function plays(value){<br> with (fc){<br>  filters[0].Apply();<br>  for(i=0;i<4;i++)i==value?children[i].style.display="block":children[i].style.display="none"; <br>  filters[0].play();   <br>  } <br>}<br>function clearAuto(){clearInterval(autoStart)}<br>function setAuto(){autoStart=setInterval("auto(n)", 5000)}<br>function auto(){<br> n++;<br> if(n>3)n=0;<br> Mea(n);<br>} <br>function sub(){<br> n--;<br> if(n<0)n=3;<br> Mea(n);<br>} <br>setAuto(); <br></script><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于腾讯女性频道图片切换效果特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200904151060.shtml方便下次再访问哦。

·上一篇： 产品图片展示特效代码
·下一篇： 让图片淡入淡出的脚本特效代码

相关阅读

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

最新游戏

更多 »

最新新闻

更多 »