<script>
function scroll_top(){
if(document.documentElement.scrollTop){
var scrollY=document.documentElement.scrollTop;
document.documentElement.scrollTop=scrollY-300;
}else{
var scrollY=document.body.scrollTop;
document.body.scrollTop=scrollY-300;
}
if(scrollY>0){
setTimeout('scroll_top()',10);
}
}
</script>
<a href="javascript:void(0)" οnclick="scroll_top()">返回页面顶部</a>
补充说明:
1.关于css半透明:
filter:alpha(opacity=50);opacity: 0.5;
2. 本周写了TOTOP的js代码:
发鼠标滚动就出现返回顶部的图标,用fixed定位在一个位置上,鼠标点击图片返回顶部,此时图片消失。其实实现起来挺简单:
<divclass="to_top" id="to_top"><a href="javascript:void(0)" οnclick="go_to_top()"><imgsrc="images/to-top.png" /></a></div>
<script>
window.οnscrοll=function(){
if(document.documentElement.scrollTop){
var scrollY=document.documentElement.scrollTop;
//alert(scrollY);
}else{
varscrollY=document.body.scrollTop;
}
if(scrollY>1){
shownow();
}else if(scrollY<=0){
go_to_top();
}
}
function shownow(){
var to_top = document.getElementById("to_top");
to_top.style.display = "block";
};
function go_to_top(){
var to_top = document.getElementById("to_top");
$("html, body").animate({scrollTop: 0 }, 250);
to_top.style.display = "none";
}
</script>