运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<title>jQuery Mailto 文字淡出</title>
5
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
6
<style>
7
.gone, .email {
8
display: none;
9
}
10
</style>
11
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
12
<script>
13
$(document).ready(function(){
14
$('.instructions a').click(function(){ 
15
$('p.instructions').html('测试demo.获取mailtoInfo.html里面的内容。');
16
$.post('mailtoInfo.html',{pass: "secret"},function(txt){
17
   $('div.email').html(txt);
18
   $('div.email').slideDown("slow");
19
});
20
21
return false;
22
}); 
23
});
24
25
</script>
26
</head>
27
<body>
28
<h1>Contact us</h1>
29
<p class="instructions"><a href="">Click here</a>.</p>
30
<div class="email">aaa</div>
31
 <br /><br />
32
</body>
33
</html>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
xxxxxxxxxx
1
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
jQuery 页面上的文字淡出效果
分类
网站常用
描述
使用HTTP POST请求加载一个远程页面,测试demo.获取mailtoInfo.html里面的内容。 <br>  undefined$.post( 字符串 加载页面的url, Hash属性和值以 "property/value" 对形式表示的 Javascript 对象 params将要传送给服务器的Key/Value对,...
收藏