jquery 淡入淡出效果的简单实现
更新时间：2014年02月07日 09:01:08 作者：
本篇文章主要是对jquery淡入淡出效果的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
样式：
复制代码 代码如下:
<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事件绑定on()与弹窗实现代码,需要的朋友可以参考下2016-04-04
本篇文章主要介绍了jquery easyui DataGrid简单示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
这篇文章主要介绍了jQuery实现输入框邮箱内容自动补全与上下翻动显示效果,涉及jquery.autoComplete.js插件的使用,可实现输入框内容自动补全的功能,附带了完整的demo源码供读者下载参考,需要的朋友可以参考下2016-09-09
这篇文章主要给大家介绍了关于JQuery实现自定义滚动条的方法,通过本文的介绍你可以换掉千篇一律的默认滚动条,让你的网站或web项目更具特色,文章通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
很多人熟悉使用锚链接跳转到的页面部分的解决方案,这种效果当需要列出很长的数据集时，是非常实用的,然而页面跳转对于游客来说有时候并不是好友好，弊端我就不多说了，祥看下本文2013-02-02
这篇文章主要介绍了jQuery遍历对象、数组、集合实例,本文直接给出实例代码,在代码中有详细注释来解释代码的作用,需要的朋友可以参考下2014-11-11
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
这篇文章主要介绍了query validate添加自定义验证规则,可以验证邮箱、邮政编码等，看代码参考使用2013-12-12
ajax实现翻页在实际应用中还是比较常见的，实现ajax翻页有两部分：js部分、html部分，具体如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
本节重点讲的是jquery中调用ajax的4种方法中最常用的：$.post、和$ajax。如果读者没有javascript和jquery的知识，或者没有ajax的概念，那么请先去问问度娘，再来读本文。2015-04-04
这篇文章主要为大家详细介绍了jquery easyUI中ajax异步校验用户名，感兴趣的小伙伴们可以参考一下2016-08-08
最新评论