jQuery 实现网页上文字的淡出效果

发布时间：2018-08-23 00:53:30 所属栏目：Unix 来源：站长网

导读：使用HTTP POST请求加载一个远程页面，测试demo.获取mailtoInfo.html里面的内容。 undefined$.post( 字符串加载页面的url, Hash属性和值以 property/value 对形式表示的 Java script 对象 params将要传送给服务器的Key/Value对, FunctionJavascript 函数 c

　　使用HTTP POST请求加载一个远程页面，测试demo.获取mailtoInfo.html里面的内容。

　　undefined$.post( 字符串加载页面的url, Hash属性和值以 "property/value" 对形式表示的 Javascript 对象 params将要传送给服务器的Key/Value对, FunctionJavascript 函数 callback当数据加载成功时被执行的方法 )

　　为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示。

　　点击查看：网页特效

　　运行演示：

<!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="/uploads/common/js/jquery-1.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">www.veryhuo.com/down</div> <br /><br /> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：济南站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!