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


Posted in Javascript onFebruary 07, 2014

样式:

 <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;">
                     <td><span id="w_id"></span></td>
                     <td><input id="txt_title" type="text" style="width: 237px" /></td>
                     <td><input id="txt_classurl" type="text" style="width: 259px" /></td>
                     <td><span id="w_baidu"></span></td>
                     <td><input id="txt_exist" type="text" style="width: 83px" /></td>
                     <td><input id="Button1" type="button" value="修 改" onclick="w_modify()" /></td>
                  </tr>
                  <tr style="background:#FFFFFF;"><td colspan="6"><a href="Default.aspx">返回首页</a></td></tr>
               </table>
            </div>   
        </div>  
Javascript 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题
Jan 09 Javascript
在vs2010中调试javascript代码方法
Feb 11 Javascript
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
jQuery内容过滤选择器用法分析
Feb 10 Javascript
javascript实现添加附件功能的方法
Nov 18 Javascript
自制微信公众号一键排版工具
Sep 22 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
Nov 25 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
在node中使用jwt签发与验证token的方法
Apr 03 Javascript
layui 弹出层回调获取弹出层数据的例子
Sep 02 Javascript
通过遮罩层实现浮层DIV登录的js代码
Feb 07 #Javascript
做好七件事帮你提升jQuery的性能
Feb 06 #Javascript
为开发者准备的10款最好的jQuery日历插件
Feb 04 #Javascript
javascript简单性能问题及学习笔记
Feb 04 #Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 #Javascript
21个值得收藏的Javascript技巧
Feb 04 #Javascript
Javascript 按位与运算符 (&amp;)使用介绍
Feb 04 #Javascript
You might like
PHP学习之数组的定义和填充
2011/04/17 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
Laravel推荐使用的十个辅助函数
2019/05/10 PHP
JS下拉缓冲菜单示例代码
2013/08/30 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
angular4 共享服务在多个组件中数据通信的示例
2018/03/30 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
vue 中滚动条始终定位在底部的方法
2018/09/03 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
在Linux中通过Python脚本访问mdb数据库的方法
2015/05/06 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
python在html中插入简单的代码并加上时间戳的方法
2018/10/16 Python
安装完Python包然后找不到模块的解决步骤
2020/02/13 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
前台文员个人求职信范文
2014/01/05 职场文书
生产部主管岗位职责
2014/01/06 职场文书
工作室成员个人发展规划范文
2014/01/24 职场文书
《在山的那边》教学反思
2014/02/23 职场文书
公司营业员的自我评价
2014/03/04 职场文书
秋天的雨教学反思
2014/04/27 职场文书
普通话宣传标语
2014/06/26 职场文书
金融专业求职信
2014/08/05 职场文书
共青团员自我评价
2015/03/10 职场文书
小学班主任自我评价
2015/03/11 职场文书
公司酒会主持词
2015/07/02 职场文书
Python实现对齐打印 format函数的用法
2022/04/28 Python