html代码求助 两张图片的轮换效果 30
<imgsrc=1.jpgonclick="this.src=='1.jpg'?'2.jpg':'1.jpg';"style='pointer:cursor;border...
<img src=1.jpg onclick="this.src=='1.jpg'?'2.jpg':'1.jpg';" style='pointer:cursor;border:none' />
这段代码怎么改可以改成1.jpg和2.jpg回想轮换的效果 展开
这段代码怎么改可以改成1.jpg和2.jpg回想轮换的效果 展开
3个回答
展开全部
我也是刚开始学,实现这个功能得用到javascript吧,下面是我写的,很粗糙。
<a href="javascript:void(0)" onclick="changePic('myimage')">
<img src='1.jpg' id='myimage' />
</a>
<script type="text/javascript">
function changePic(elementID)
{
var element = document.getElementById(elementID);
var mysrc = element.getAttribute('src');
if(mysrc == '1.jpg') element.setAttribute('src','2.jpg');
if(mysrc == '2.jpg') element.setAttribute('src','1.jpg');
}
<a href="javascript:void(0)" onclick="changePic('myimage')">
<img src='1.jpg' id='myimage' />
</a>
<script type="text/javascript">
function changePic(elementID)
{
var element = document.getElementById(elementID);
var mysrc = element.getAttribute('src');
if(mysrc == '1.jpg') element.setAttribute('src','2.jpg');
if(mysrc == '2.jpg') element.setAttribute('src','1.jpg');
}
展开全部
html实现不了,要用jquery,网上有好多这种插件,下载一个就好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<img src=1.jpg onclick="this.src=='1.jpg'?this.src='2.jpg':this.src='1.jpg';" style='pointer:cursor;border:none' />
试一下
试一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询