头像闪动

来源:互联网 发布:网络屏蔽器的破解之法 编辑:程序博客网 时间:2024/05/16 18:32
 

<html>
<head>
<title>不停闪烁的图片</title>
<style>
img{FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :1);}

</style>
</head><body><br>
<input type="submit" value="开始" onClick="soccerOnload()"></input>
<DIV ID="soccer" STYLE="position:absolute; left:150; top:0" style="filter:'gray'">
<IMG SRC="../images/44.png" border="0" width="85" height="55" >
</DIV>

<SCRIPT LANGUAGE="JavaScript">
var msecs = 500;
var counter = 0;
var t;
function soccerOnload() {
t=setTimeout(blink, msecs);
}
function blink() {
soccer.style.visibility =
(soccer.style.visibility == "hidden") ? "visible" : "hidden";
counter +=1;
t=setTimeout(blink, msecs);
}
function soccerOnload2(){
 clearTimeout(t);
 soccer.style.visibility ='visible';
}
</SCRIPT>
<input type="submit" value="结束" onClick="soccerOnload2()"></input>
</body>
</html>