jQuery返回顶部特效，网页右上角的回到顶部按钮

jQuery返回顶部特效，网页右下角的回到顶部按钮
//firefox 、google chrome IE 效果不同
&lt;html&gt;&lt;head&gt;&lt;title&gt;返回顶部特效，滚动条拖至最底部&lt;/title&gt;&lt;script type="text/javascript" src="http://images.baihe.com/js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;&lt;script language="javascript"&gt;$(function(){var $backToTopTxt = "返回顶部", $backToTopEle = $('&lt;div content="text/html; charset=utf-8" /&gt;&lt;style&gt;/*返回顶部*/.backToTop {display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);}p {height:80px;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;p&gt;往下拉，才会出来。如果不显示效果，请刷新！！！&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;&lt;div style="text-align:center;margin:30px 0 0 0;"&gt;&lt;hr style="color:#999;height:1px;"&gt;如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：&lt;a href='http://www.veryhuo.com/' target='_blank'&gt;http://www.veryhuo.com/&lt;/a&gt;&lt;/div&gt;
jQuery返回顶部特效网页右上角的回到

热点推荐
