css+js显示隐藏

   <script type="text/javascript"> 
$(document).ready(function(){ 
$(".flip").click(function(){ 
$(".panel").fadeToggle(1000);//显示内容 
$(".t").hide();隐藏内容 
$(this).hide();隐藏按钮 
}); 
}); 
</script>//进行响应式控制js代码 

<style type="text/css"> 
.flip 
{//按钮css 
width:85%; 
margin:20px; 
padding:10px; 
float:left; 
text-align:center; 
color:#ffffff; 
border:solid 1px #c3c3c3; 

} 
.t{ 

//点击后消失css 
} 
div.panel 
{//隐藏页面css 
height:120px; 
display:none; 
} 



</style> 
<script type="text/javascript" src="路径/a.js"></script>调用js
<p class="flip">按钮</p> 
<div class="panel">隐藏的内容</div>按钮按下显示 
<div class="t">点击按钮后消失的内容</div> 
[h2]淡出淡入[/h2]
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div3").fadeIn(1500);
  });
  $("#t").click(function(){
  $("#div3").fadeToggle(1500);
});
});

</script>
调用js文件下载地址 [url=http://wapjin.com/php/js/a.js]http://wapjin.com/php/js/a.js[/url] 

评论

刷新

友情链接