在js中点击图片加边框,点击过后回到原样,怎么实现啊?
2个回答
展开全部
<html>
<head>
<style type="text/css">
.a{border:1px solid #f00}
.b{border:none;}
</style>
<script type="text/javascript">
function foo(){
var bar = document.getElementById("img1");
if(bar.className == 'a'){
bar.className='b';
}else{
bar.className='a';
}
}
</script>
<img src="*.jpg" border="0" id="img1" onclick="foo()"/>
</body>
</html>
<head>
<style type="text/css">
.a{border:1px solid #f00}
.b{border:none;}
</style>
<script type="text/javascript">
function foo(){
var bar = document.getElementById("img1");
if(bar.className == 'a'){
bar.className='b';
}else{
bar.className='a';
}
}
</script>
<img src="*.jpg" border="0" id="img1" onclick="foo()"/>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
加上
border:none!important;
试一下。
border:none!important;
试一下。
追问
这个是什么意思?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询