jquery 淡入淡出效果的简单实现教程

发布时间：2023-10-05 14:33:51 所属栏目：教程来源：

导读：样式：

代码如下:

<style type="text/css">

#win {

width: 98%;

position: absolute;

display: none;

float:left;

样式：

代码如下:

<style type="text/css">

      #win {

        width: 98%;

        position: absolute;

        display: none;

        float:left;

        }



        /*控制关闭按钮的位置*/

        #close {

         margin-left: 155px;

         cursor: pointer;

        }

    </style>

JS代码：

代码如下:

<script type="text/javascript">

    function showwin() {

        $("#win").fadeIn("slow");

       }

    function hide() {

       $("#win").fadeOut("slow");

      }

</script>

html代码：

代码如下:

<div id="win">

            <div id="title">

                <table style="width:100%; background:#78b3ef" cellpadding="4" cellspacing="1" >

                  <tr>

                     <td>ID</td>

                     <td>网站名</td>

                     <td>域名</td>

                     <td>百度收录</td>

                     <td>是否存在链接</td>

                     <td>操作 <span id="close" onclick="hide()">关闭</span>   </td>

                  </tr>

                  <tr style="background:#FFFFFF;">

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!