jquery 自定义tab

浏览数：102 / 时间：2015年06月09日 
<!DOCTYPE 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‘ >这是标题1</h2>
<h2 id=‘b‘>这是标题2</h2>
<h2 id=‘c‘ >这是标题23</h2>
<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">这是一个段落。2222222</p>
<button>返回 p 元素的背景色</button>
</body>
</html>

 

jquery 自定义tab,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style html src sp js class style html src sp js

相关文章

随机文章

您可能还喜欢

您可能还喜欢