jquery页面向上顶的简单介绍

如何用Jquery实现DIV由下向上展开的效果?

首先将菜单条隐藏，这种情况一般赋予其CSS属性：display：none； 来隐藏。然后通过jquery赋予它事件：点击或者鼠标移入。通过这个事件绑定由下向上滑动的 slideUp()。最后通过点击或者鼠标移出绑定由上向下滑动的 slideDown()。

var a = $(#你的div id)；a.slideDown(slow)；语法：(selector).slideDown(speed，callback)；可选的 speed 参数规定效果的时长。它可以取以下值：slow、fast 或毫秒。

在CSS中当DOM元素的position属性为absolute或relative时，我们可以通过改变这个元素的left和top属性的具体值来控制元素在页面中显现的位置。

相关问答

Q1: 如何用jQuery实现页面返回顶部的效果(附代码)

JS或者jquery设置滚动条回到顶部的方法：返回顶部：设置为body的scrollTop为0 滑动效果：animate（Jquery的自定义动画）备注：returnTop为触发返回顶部的元素ID。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

JQuery实现将Div浮动到网页最上层。

delayTime：0， // 效果时间 triggerTime：0，//鼠标延迟触发时间 defaultIndex：mindex //returnDefault：false //返回默认状态 })； 以上代码可以插在底部（为了避免冲突）这个代码要插在顶部 用js可以在静态页面里也实现。

使用HTML的锚标记最简单了但是唯一的缺点就是样式不怎么样，会显示这个锚标记。放置位置在标签之后随便找个地方放都可以，只要靠近顶部即可。

Q2: 如何用jquery获得页面元素到窗口顶部的距离?

1、输入var test = document.getElementById( pp).offsetTop；document.write( test )。offsetLeft就能知道元素到顶部的距离。

2、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。

3、jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jrn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。

4、//假设元素ID为test，获取它到父元素的距离$( #test ).offset().top；//获取到父元素的距离。

5、在图片载入完成之后则会弹出一个提示框表示图片已经载好。 注意！请一定要填入与目标元素内填的完全相同的 Src，否则会杯具的。

Q3: jQuery中获取元素到页面可视区顶端距离有什么方法

1、//假设元素ID为test，获取它到父元素的距离$( #test ).offset().top；//获取到父元素的距离。

2、jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。

3、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。

4、设置多个标签，这样等会可以有更多选择。创建一个JS文档，并且与HTML文档关联。输入var test = document.getElementById( pp).offsetTop；document.write( test )。offsetLeft就能知道元素到顶部的距离。

5、var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离 var se = document.documentElement.clientHeight //浏览器可见区域高度。

6、随之改变，但是jQuery(document).height()是不变的。

Q4: jquery或者JS能实现让页面上移或者下移吗

首先新建一个html文件，命名为test.html，在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用button标签创建一个按钮，按钮名称分别为“刷新页面”。

回忆老师讲过的项目做报表如下左右上下移功能灵活控制，所以就尝试下咯。

如果用jqm，不用呀，设置footer为fixed就可以了。

由上向下滑动由 slideDown()控制，由下向上滑动由 slideUp()控制。首先将菜单条隐藏，这种情况一般赋予其CSS属性：display：none； 来隐藏。然后通过jquery赋予它事件：点击或者鼠标移入。

关于jquery页面向上顶和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。