 |
热门文章 |
|
|
|
|
| 很漂亮的图片切换展示效果 |
| 来源：百学资源站 更新时间：2010/7/18 0:20:34 阅读次数： 我要投稿 |
|
<div id="div_img" style="filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward ); WIDTH:120px; HEIGHT:120px; border:1px solid #CCCCCC">
<div style="display:block"><A href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081200205896.gif"border=0></A></div>
<div style="display: none"><a href="###" target="_blank">
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081200205888.gif"border=0></a></div>
<div style="display: none"><A href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081200205896.gif"border=0></A></div>
<div style="display: none"><a href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081200205866.gif"border=0></a></div>
</div>
<script>
var n=0;
var obj_img = document.getElementById("div_img");
function plays(k){
n=k;
with (obj_img){
filters[0].Apply();
for(i=0;i<4;i++)i==k?children[i].style.display="block":children[i].style.display="none";
filters[0].play();
}
}
function stop_img(){clearTimeout(timer)}
function start_img(){
n++;
if(n>3)n=0;
plays(n);
timer=setTimeout("start_img()", 6000)
}
start_img();
</script> |
|
| 上一篇文章： 鼠标滚轮缩放图象（兼容ie、ff、opera）下一篇文章： 图片左右滚动，带有左右方向控制 |
|
|
|
注册 登录
