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 相关文章推荐
javascript 页面只自动刷新一次
Jul 10 Javascript
javascript中HTMLDOM操作详解
Dec 11 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
JQuery实现简单的图片滑动切换特效
Nov 22 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
Jul 07 Javascript
jquery获取easyui日期控件的值实现方法
Nov 09 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
Oct 20 Javascript
vuex实现数据状态持久化
Nov 11 Javascript
vuex分模块后,实现获取state的值
Jul 26 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
通过遮罩层实现浮层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文件下载类
2006/12/06 PHP
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
基于php冒泡排序算法的深入理解
2013/06/09 PHP
php实现上传图片文件代码
2015/07/19 PHP
浅析PHP中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
2007/12/23更新创意无限,简单实用(javascript log)
2007/12/24 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
jQuery实现点击图片翻页展示效果的方法
2015/02/16 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
2017/04/21 jQuery
深入理解ES6的迭代器与生成器
2017/08/19 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
2018/01/07 Javascript
angular5 httpclient的示例实战
2018/03/12 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
vue移动端微信授权登录插件封装的实例
2018/08/28 Javascript
了解JavaScript表单操作和表单域
2019/05/27 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
python sys模块sys.path使用方法示例
2013/12/04 Python
wxPython学习之主框架实例
2014/09/28 Python
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
Python回文字符串及回文数字判定功能示例
2018/03/20 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
python 获取谷歌浏览器保存的密码
2021/01/06 Python
使用HTML5和CSS3表单验证功能
2017/05/05 HTML / CSS
学生会竞选自荐信
2013/10/12 职场文书
函授本科毕业生自我鉴定
2013/10/16 职场文书
自动化专业毕业生自荐信
2013/11/01 职场文书
幼儿园迎国庆65周年活动策划方案
2014/09/16 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
宝宝满月宴答谢词
2015/09/30 职场文书