zoukankan      html  css  js  c++  java
  • 消息提示框

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
      <title>系统提示框]</title>
      <style type="text/css">
      body {margin:0px;padding:0px;font-size:14px; line-height:24px;}
      #tip {
      position: absolute;
      right: 0px;
      bottom: 0px;
      height: 0px;
      180px;
      border: 1px solid #CCCCCC;
      background-color: #eeeeee;
      padding: 1px;
      overflow:hidden;
      display:none;
      font-size:12px;
      z-index:10;
      }
      #tip p {padding:6px;}
      #tip h1,#detail h1 {
      font-size:12px;
      height:20px;
      line-height:20px;
      background-color:#999999;
      color:#FFFFFF;
      padding:0px 3px 0px 3px;
      filter: Alpha(Opacity=100);
      }
      #tip h1 a,#detail h1 a {
      float:right;
      text-decoration:none;
      color:#FFFFFF;
      }
      </style>
      <script type="text/javascript">
      var handle;
      function start()
      {
      var obj = document.getElementById("tip");
      if (parseInt(obj.style.height)==0)
      { obj.style.display="block";
      handle = setInterval("changeH('up')",2);
      }else
      {
      handle = setInterval("changeH('down')",2)
      }
      }
      function changeH(str)
      {
      var obj = document.getElementById("tip");
      if(str=="up")
      {
      if (parseInt(obj.style.height)>150)
      clearInterval(handle);
      else
      obj.style.height=(parseInt(obj.style.height)+8).toString()+"px";
      }
      if(str=="down")
      {
      if (parseInt(obj.style.height)<8)
      {
      clearInterval(handle);
      obj.style.display="none";
      }
      else
      obj.style.height=(parseInt(obj.style.height)-8).toString()+"px";
      }
      }
      </script>
      </head>
      <body>
      <div id="tip"><h1><a href="javascript:void(0)" onclick="start()">×</a>系统提示</h1><p>提示什么内容呢?</p></div>
      <script>
      document.getElementById('tip').style.height='0px';
      start()
      </script>
      </body>
  • 相关阅读:
    在上传图片前,提供预览功能(Javascript)
    C#和Visual Basic渐行渐远
    Silverlight入门介绍和应用实践
    一道面试试题:试介绍ASP.NET页面之间数据传递的几种方法
    建立基于AJAX样式的文件上传
    CSS 命名规范
    Microsoft出招,Adobe接招,我们只好择优使用
    最近要使用User Interface Process Application Block for .NET(微软net开发架构)
    利用office web component打造精品图表(一)
    滚动条SCROLLBAR
  • 原文地址:https://www.cnblogs.com/mondLei/p/3311536.html
Copyright © 2011-2022 走看看