当前位置: 代码迷 >> Web前端 >> 浮动的公报――jQuery简单实现
  详细解决方案

浮动的公报――jQuery简单实现

热度:14   发布时间:2012-07-26 12:01:08.0
浮动的公告――jQuery简单实现

        这是前一段时间维护考试系统碰到一个问题,就是浮动的考试公告。当时JS和jQuery都还没学,依照原有功能,依葫芦画瓢最终实现,但是对其中的细节不甚了解,刚浅学完JavaScript,又接触jQuery,所以重新注释此功能。

界面:


head:

body:

JavaScript:

运行结果:公告可以随着滚动条的移动动态定位到页面左上部分。

       

6楼yingjiebohe16分钟前
5楼lishehe1小时前
顶顶,哈哈,加油
Re: lidaasky35分钟前
回复lishehen看似高深的功能,实现也很简单,呵呵
4楼lfmilaoshi1小时前
初学乍练。。。。米老师
3楼lmdcszh8小时前
顶!
2楼zhili_he_1985昨天 23:16
使用到的方法:noffset();// 得到第一个匹配的对象相对于文档的坐标位置,是一个包含有left和top的对象nhttp://api.jquery.com/offset/nnscroll(); // 当滚动页面时间触发的时候执行的函数nhttp://api.jquery.com/scroll/nnscrollTop(); // 得到滚动条的最高位置的垂直坐标nhttp://api.jquery.com/scrollTop/nnstop(); // 停止当前正在执行的动画效果nhttp://api.jquery.com/stop/nnanimate(); // 执行一个动态渐变动作nhttp://api.jquery.com/animate/
1楼liutengteng130昨天 21:32
、、、支持、、、
  相关解决方案