怎么在 表格中控制图片的显示与隐藏?
<trid="neironghang"><tdclass="neironglie1"rowspan="9">标题</td><tdclass="neironglie2"><...
<tr id="neironghang"><td class="neironglie1"rowspan="9">标题</td><td class="neironglie2"><a href="XXXXXXX">第一个工具</a></td><td class="neironglie3"><div id="no01"><img src="/XXXXXXX/yes.jpg"></div><a>已运行</a></td><td class="neironglie3"><div id="no02"><img src="/tools/xxxxxxx/no.jpg"></div><a >未运行</a></td></tr>
下面是图:这些东西都是在表格里的
要怎么改代码,
让对号 默认不显示,错号默认显示,
点击 已运行,对号显示,错号不显示,
点击未运行,对号不显示,错号显示; 展开
下面是图:这些东西都是在表格里的
要怎么改代码,
让对号 默认不显示,错号默认显示,
点击 已运行,对号显示,错号不显示,
点击未运行,对号不显示,错号显示; 展开
4个回答
2015-01-21
展开全部
参考代码:
<td class="neironglie3"><div id="no01"><img src="/XXXXXXX/yes.jpg"></div><a onclick="onrun()">已运行</a></td>
<td class="neironglie3"><div id="no02"><img src="/tools/xxxxxxx/no.jpg"></div><a onclick="offrun()">未运行</a></td>
<script>
function onrun(){
document.getElementById('no02').style.display = 'none';
document.getElementById('no01').style.display = 'block';
}
function offrun(){
document.getElementById('no01').style.display = 'none';
document.getElementById('no02').style.display = 'block';
}
</script>
至于让对号 默认不显示,错号默认显示,写个默认的css 样式就行了
<td class="neironglie3"><div id="no01"><img src="/XXXXXXX/yes.jpg"></div><a onclick="onrun()">已运行</a></td>
<td class="neironglie3"><div id="no02"><img src="/tools/xxxxxxx/no.jpg"></div><a onclick="offrun()">未运行</a></td>
<script>
function onrun(){
document.getElementById('no02').style.display = 'none';
document.getElementById('no01').style.display = 'block';
}
function offrun(){
document.getElementById('no01').style.display = 'none';
document.getElementById('no02').style.display = 'block';
}
</script>
至于让对号 默认不显示,错号默认显示,写个默认的css 样式就行了
展开全部
首先引用个jquery的js,这个应该有没有网上搜下就行,现在流行jquery而不是js
下面是执行代码
<td class="neironglie3"><div id="no01" style="dispaly:none"><img src="/XXXXXXX/yes.jpg"></div><a>已运行</a></td>
首先是默认不显示的加上style="dispaly:none";
jquery代码
$(function(){
$("#").click(function(){
$("#no01").show();
$("#no02").hide();
});
$("#").click(function(){
$("#no01").hide();
$("#no02").show();
});
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
双击左边的sheet1;Picture 1"显示".
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |