Java怎么做置顶_[Java教程]自定义置顶TOP按钮

[Java教程]自定义置顶TOP按钮

0 2015-12-10 22:00:13

简述一下，分为三个步骤：

1. 添加Html代码2. 调整Css样式3. 添加Jquery代码具体代码如下：

#GoTop{

width:40px;

height:40px;

background-color:#F59E1D;

position:fixed;

bottom:30px;

right:30px;

font-size:19pt;

text-align:center;

color:#FFF;

text-decoration:none;

}

∧

值得注意：

1. 标签中的javascript:void(0)，平常见到的是href="#"，而这不是，这里的意思大概可以理解不设置任何操作，即页面置顶后无需自动刷新界面。2. 鼠标滑过事件：用mouseenter、mouseover还是mousemove？

hover是指分别当鼠标指针进入和离开元素时被执行的事件相当于mouseenter+mouseleave。

mouseover鼠标进入某个元素或其子元素时触发。

mousemove如你所说只要鼠标移动，哪怕只有1像素就会触发。

因为用户在浏览网页的过程中，鼠标是会不停移动的，所以一旦绑定这个事件，网页就会不停的执行mousemove所绑定的响应函数，消耗系统资源，这里的系统资源是指客户端的。

(可参考mouseover和mouseenter的区别：http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseenter_mouseover)

3. document.documentElement.scrollTop 具体解释可以看这里：http://blog.csdn.net/huang100qi/article/details/5950894

本文网址：http://www.shaoqun.com/a/166560.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：[email protected]。

0