jQuery实现返回顶部功能_jquery
来源:懂视网
责编:小采
时间:2020-11-27 20:51:11
jQuery实现返回顶部功能_jquery
jQuery实现返回顶部功能_jquery:代码很简单,这里就不多废话了,小伙伴们看代码吧。 HTML: 去顶部 CSS: .fl{ display:block; float:left; width:50px; height:50px; text-align:center; background-color:#eaeaea; backgroun
导读jQuery实现返回顶部功能_jquery:代码很简单,这里就不多废话了,小伙伴们看代码吧。 HTML: 去顶部 CSS: .fl{ display:block; float:left; width:50px; height:50px; text-align:center; background-color:#eaeaea; backgroun

代码很简单,这里就不多废话了,小伙伴们看代码吧。
HTML:
CSS:
.fl{
display:block;
float:left;
width:50px;
height:50px;
text-align:center;
background-color:#eaeaea;
background-image:url(../images/toTop.png);
}
.fl:hover{background-color:#f48942;background-image:url(../images/toTop.png);}
#Fixed {
position: fixed;
_position: absolute;
z-index: 100;
bottom: 70px;
left: 50%;
margin-left: 530px;
_bottom: auto;_top:
expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-70);
width: 50px;
text-indent: -40000px;
background: #fff
}
/*置顶 end*/
Js:
jQuery实现返回顶部功能_jquery
jQuery实现返回顶部功能_jquery:代码很简单,这里就不多废话了,小伙伴们看代码吧。 HTML: 去顶部 CSS: .fl{ display:block; float:left; width:50px; height:50px; text-align:center; background-color:#eaeaea; backgroun