js点击图片循环变换
比如我有两张图片：1.gif和2.gif默认第一张1.gif鼠标点一下就变成2.gif然后点在点又变成1.gif如何用js实现？...
比如我有两张图片：1.gif和2.gif
默认第一张1.gif
鼠标点一下就变成2.gif
然后点在点又变成1.gif
如何用js实现？ 展开
默认第一张1.gif
鼠标点一下就变成2.gif
然后点在点又变成1.gif
如何用js实现？ 展开
展开全部
<img src="1.gif" onclick="qi(this)">
<script>
function qi(obj)
{
if(obj.src=="1.gif")
{
obj.src="2.gif";
}
else
{
obj.src="1.gif";
}
}
</script>
----
1.gif 和2.gif的图片路径一定要正确才行。最好放在站点里面试
<script>
function qi(obj)
{
if(obj.src=="1.gif")
{
obj.src="2.gif";
}
else
{
obj.src="1.gif";
}
}
</script>
----
1.gif 和2.gif的图片路径一定要正确才行。最好放在站点里面试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var rand1 = 0;
var useRand = 0;
images = new Array;
images[1] = new Image();
images[1].src = "photo/image1.gif";
images[2] = new Image();
images[2].src = "photo/image2.gif";
images[3] = new Image();
images[3].src = "photo/image3.gif";
images[4] = new Image();
images[4].src = "photo/image4.gif";
function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
}
// End -->
</script>
<a onClick="swapPic();"><img name="randimg" src="photo/image1.gif"></a><br>
<font face="Verdana" size="-2">请点击图片</font>
</center>
第二步:把如下代码加入<body>区域中<body bgcolor="#ffffff" OnLoad="swapPic()">
第一步:把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var rand1 = 0;
var useRand = 0;
images = new Array;
images[1] = new Image();
images[1].src = "photo/image1.gif";
images[2] = new Image();
images[2].src = "photo/image2.gif";
images[3] = new Image();
images[3].src = "photo/image3.gif";
images[4] = new Image();
images[4].src = "photo/image4.gif";
function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
}
// End -->
</script>
<a onClick="swapPic();"><img name="randimg" src="photo/image1.gif"></a><br>
<font face="Verdana" size="-2">请点击图片</font>
</center>
第二步:把如下代码加入<body>区域中<body bgcolor="#ffffff" OnLoad="swapPic()">
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上面的都不错，我写个简洁的
<img src="1.gif" onclick="this.src=this.src=='1.gif'?'2.gif':'1.gif'" />
<img src="1.gif" onclick="this.src=this.src=='1.gif'?'2.gif':'1.gif'" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
