<html> <head> <meta charset="utf-8"> <title>链接</title> <!-- HTML页面 <div id="gotop"></div> --> <!--CSS样式--> <style type="css/text"> #gotop{position:fixed;right:10px;bottom:10px;display:none} </style> <!--JavaScript脚本--> <script type="javascript/text"> $(function(){ $(window).scroll(function(){ if($(window).scrollTop > 100){ $("#gotop").fadeIn(1000);//一秒渐入动画 }else{ $("#gotop").fadeOut(1000);//一秒渐隐动画 } }); $("#gotop").click(function(){ $('body,html').animate({scrollTop:0},1000); }); }); </script> </head> <body> <h1>target在目标地点打开网页</h1> <a href="http://www.baidu.com" target="page1">在IFRAME中打开百度首页</a> <a href="../character.htm" target="page1">在IFRAME中打开字符实体示例</a> <iframe style=" 600px; height: 300px; border: 1px solid #666;" name="page1"> </iframe> <h1>锚点</h1> <table width="600px" height="20px" border="1" cellspacing="0" cellpadding="5px"> <tr> <td><a href="#top">top</a></td> <td><a href="#center">center</a></td> <td><a href="#buttom">buttom</a></td> </tr> </table> <a name="top">top</a> <table width="600px" height="300px"> <tr><td>111</td></tr> </table> <a name="center">center</a> <table width="600px" height="300px"> <tr><td>111</td></tr> </table> <a name="buttom">buttom</a> </body> </html>