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 相关文章推荐
两个SUBMIT按钮,如何区分处理
Aug 22 Javascript
jquery获取下拉列表的值为null的解决方法
Mar 18 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
jQuery获取浏览器类型和版本号的方法
Jul 05 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
AngularJS  自定义指令详解及实例代码
Sep 14 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
JS数组实现分类统计实例代码
Sep 30 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
Aug 09 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 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中遇到的时区问题解决方法
2015/07/23 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
JQUERY 对象与DOM对象之两者相互间的转换
2009/04/27 Javascript
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
2013/01/25 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
JS简单实现登陆验证附效果图
2013/11/19 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
2014/03/18 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
Vuex提升学习篇
2018/01/11 Javascript
vue自定义filters过滤器
2018/04/26 Javascript
js中Function引用类型常见有用的方法和属性详解
2019/12/11 Javascript
详解Node.JS模块 process
2020/08/31 Javascript
python list转矩阵的实例讲解
2018/08/04 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
利用Python绘制有趣的万圣节南瓜怪效果
2019/10/31 Python
python实现二分类的卡方分箱示例
2019/11/22 Python
Pycharm自带Git实现版本管理的方法步骤
2020/09/18 Python
顶级宝石首饰网络零售商:Angara
2016/10/25 全球购物
应届电子商务毕业自荐书范文
2014/02/11 职场文书
出纳担保书范文
2014/04/02 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
2019最新企业员工考勤管理制度(通用版)!
2019/07/02 职场文书
如何将JavaScript将数组转为树形结构
2021/06/02 Javascript
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android
mysql自增长id用完了该怎么办
2022/02/12 MySQL
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript