jquery 自定义tab
2020-12-13 16:36
标签：style class blog code color html jquery 自定义tab,搜素材,soscw.com jquery 自定义tab 标签：style class blog code color html 原文地址：http://www.cnblogs.com/majin/p/3800510.htmlDOCTYPE html>
html>
head>
script src="/jquery/jquery-1.11.1.min.js">script>
script>
$(document).ready(function(){
$("#a").mouseover(function(){
$(this).css("background-color","yellow");
$(this).siblings().css("background-color","white");
$("p").css(‘display‘,‘none‘);
$("#po").css(‘display‘,‘block‘);
});
$("#b").mouseover(function(){
$(this).css("background-color","yellow");
$(this).siblings().css("background-color","white");
$("p").css(‘display‘,‘none‘);
$("#po1").css(‘display‘,‘block‘);
});
$("#c").mouseover(function(){
$(this).css("background-color","yellow");
$(this).siblings().css("background-color","white");
$("p").css(‘display‘,‘none‘);
$("#po2").css(‘display‘,‘block‘);
});
});
script>
head>
body>
h2 id=‘a‘ >这是标题1h2>
h2 id=‘b‘>这是标题2h2>
h2 id=‘c‘ >这是标题23h2>
p id=‘po‘ style="background-color:#ff0000">这是一个段落23。p>
p id=‘po1‘ style="background-color:#00ff00">这是一个段落2222。p>
p id=‘po2‘ style="background-color:#0000ff">这是一个段落。2222222p>
button>返回 p 元素的背景色button>
body>
html>
上一篇：C#关于导出excel的方法
下一篇：并发编程-多线程