网页制作———JavaScript之简单的图片变换效果
[ 2016-7-3 15:01:00 | By: xsxsxs ]
 
<***>
 var i=1;
 var images=new Array()
 	images[0]="http://sc.jb51.net/uploads/allimg/150629/14-1506291A242927.jpg";
 	images[1]="http://www.33lc.com/article/UploadPic/2012-8/201281111251686290.jpg";
 	images[2]="http://files.17173.com/forum/fz_tele-01/images/2014/06/02/004023dpcg6z4equwzugqr.jpg" ;
 	images[3]="http://guangdong.sinaimg.cn/2014/1223/U12140P693DT20141223134321.jpg" ;
 	images[4]="http://cms.nbbltv.com/uploadfile/2015/1101/20151101073828541.jpg";  mouseOverFun()
 	{
	 	***.getElementById("imag").setAttribute("src",images[i]);
	 	i++;
	 	t=setTimeout("mouseOverFun()",5000);
	 	if(i>=5){
	 		i=0;
	 	}

	 }
</***>
<body>
<img src="http://sc.jb51.net/uploads/allimg/150629/14-1506291A242927.jpg" title="hahaha" id="imag" width=700 height=600 over ="mouseOverFun()">
</body>

注:图片都是从网上下载而来的
 
 
  • 标签:图片变换 
    发表评论:
     

    时 间 记 忆
    <<  < 2016 - >  >>
    1 2
    3 4 5 6 7 8 9
    10 11 12 13 14 15 16
    17 18 19 20 21 22 23
    24 25 26 27 28 29 30
    31
    最 新 评 论
    最 新 日 志
    最 新 留 言
    搜 索
    用 户 登 录
    友 情 连 接


     
    天涯博客欢迎您!