`
流浪的我
  • 浏览: 32352 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

窗口的显现与隐藏，opacity

 
阅读更多

 

1.窗口的显现与隐藏

    通常在我们做页面的时候可能会遇到这样的一个问题，点击按钮要跳出一个窗口。下面是本人对这个问题的处理方式。

  1)点击显现按钮弹出窗口，点击隐藏按钮窗口隐藏

<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#hide").click(function(){
  $("p").hide();
  });
  $("#show").click(function(){
  $("p").show();
  });
});
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮，我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>

  2）点击按钮窗口显现/隐藏

 

<html>
<head>
 <script src="/jquery/jquery-1.11.1.min.js"></script>
 <script type="text/javascript">
      $(document).ready(function(){
      $("button").click(function(){
      $("p").toggle();
     });
     });
  </script>
</head>
<body>
<button type="button">切换</button>
<p>这是一个段落。</p>
</body>
</html>

 2,  opacity 属性设置元素的不透明级别

           透明度从 0.0 （完全透明）到 1.0（完全不透明）.

 

分享到：
| html中一些常用标签
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics