jquery 淡入淡出效果的简单实现
2014-02-07 00:00
866 查看
样式:
JS代码:
html代码:
<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>
相关文章推荐
- JQUERY常用效果简单实现方法淡入淡出,隐藏等
- jquery 淡入淡出效果的简单实现
- 使用jQuery.animate实现简单的页面切换效果
- jquery+css实现简单的窥镜效果
- jQuery实现简单滚动动画效果
- jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
- jquery实现的一个简单进度条效果实例
- xq_navbar简单实现依赖于jQuery自定义快捷的炫酷导航条效果
- Jquery实现简单回到顶部效果
- jquery淡入淡出效果简单实例
- 使用Tesseract (OCR)实现简单的验证码识别(C#)+窗体淡入淡出效果
- jQuery简单实现两级下拉菜单效果代码
- 用jquery实现简单的表单验证效果
- jQuery实现的淡入淡出二级菜单效果代码
- jQuery实现简单的点赞效果
- JQuery简单实现图片轮播效果
- jQuery 简单实现菜单折叠效果!
- 简单实现jQuery弹窗效果
- jQuery实现一个简单的选项卡效果