<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Mailto 文字淡出</title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<style>
.gone, .email {
display: none;
}
</style>
<script src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script>
<script>
$(document).ready(function(){
$('.instructions a').click(function(){
$('p.instructions').html('测试demo.获取mailtoInfo.html里面的内容。');
$.post('mailtoInfo.html',{pass: "secret"},function(txt){
$('div.email').html(txt);
$('div.email').slideDown("slow");
});
return false;
});
});
</script>
</head>
<body>
<h1>Contact us</h1>
<p class="instructions"><a href="">Click here</a>.</p>
<div class="email">aaa</div>
<br /><br />
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
