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 相关文章推荐
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
js设置function参数默认值(适合没有传参情况)
Feb 24 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
javascript匀速动画和缓冲动画详解
Oct 20 Javascript
Javascript循环删除数组中元素的几种方法示例
May 18 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
Apr 20 Javascript
小程序实现分类页
Jul 12 Javascript
Vue双向绑定实现原理与方法详解
May 07 Javascript
小程序实现点击tab切换左右滑动
Nov 16 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
推荐一篇入门级的Class文章
2007/03/19 PHP
19个Android常用工具类汇总
2014/12/30 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
JQuery实现倒计时按钮的实现代码
2012/03/23 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
Javascript中数组sort和reverse用法分析
2014/12/30 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
微信小程序 http请求详细介绍
2016/10/09 Javascript
修改ligerui 默认确认按钮的方法
2016/12/27 Javascript
详解Angular 自定义结构指令
2017/06/21 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
python实现的各种排序算法代码
2013/03/04 Python
Python实现程序判断季节的代码示例
2019/01/28 Python
深入浅析Python中的迭代器
2019/06/04 Python
Python输出指定字符串的方法
2020/02/06 Python
Python爬取阿拉丁统计信息过程图解
2020/05/12 Python
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
英国领先的在线高尔夫商店:Scottsdale Golf
2019/08/26 全球购物
办公室前台的岗位职责
2013/12/20 职场文书
村容村貌整治方案
2014/05/21 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
初中班主任心得体会
2016/01/07 职场文书
只用Python就可以制作的简单词云
2021/06/07 Python