首页 > 代码库 > 锚点、target="page1"、浮标回到顶部(该点未实现,能力不足)
锚点、target="page1"、浮标回到顶部(该点未实现,能力不足)
<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="width: 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>
锚点、target="page1"、浮标回到顶部(该点未实现,能力不足)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。