
iview tab表格怎么读html代码呢?
1个回答
展开全部
纯html的意思至少应该有css和JS吧?两种解决方案:
方案1:多个标签,下面的DIV只需要一个,每切换到一个标签通过ajax获取相应数据,然后填充到div中,这个因为涉及到ajax你可能不会,所以跳过,用下一个
文案2:标签与下面的DIV一一对应,DIV默认先全部隐藏,切换到哪个标签就显示对应的DIV。
先来样式表
<style type="text/css"> a{border:1px solid #f00;margin:10px;padding:10px;} div.show{display:none;border:1px solid #00f;padding:20px;margin:20px}</style>
再来html
<p><a>标签1</a><a>标签2</a><a>标签3</a></p><div class="show" id="show0">内容1</div><div class="show" id="show1">内容2</div><div class="show" id="show2">内容3</div>
JS脚本
$("p a").mouseover(function () { $(".show").hide(); $("#show" + $(this).index()).fadeIn(500) })
方案1:多个标签,下面的DIV只需要一个,每切换到一个标签通过ajax获取相应数据,然后填充到div中,这个因为涉及到ajax你可能不会,所以跳过,用下一个
文案2:标签与下面的DIV一一对应,DIV默认先全部隐藏,切换到哪个标签就显示对应的DIV。
先来样式表
<style type="text/css"> a{border:1px solid #f00;margin:10px;padding:10px;} div.show{display:none;border:1px solid #00f;padding:20px;margin:20px}</style>
再来html
<p><a>标签1</a><a>标签2</a><a>标签3</a></p><div class="show" id="show0">内容1</div><div class="show" id="show1">内容2</div><div class="show" id="show2">内容3</div>
JS脚本
$("p a").mouseover(function () { $(".show").hide(); $("#show" + $(this).index()).fadeIn(500) })
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询