成都网站建设设计

将想法与焦点和您一起共享

Jquery简单的右侧浮动菜单

今天有空稍微看了下Jquery动画函数animate这个方法,发现可以用这个方法来做下简单的右侧浮动菜单 因为经常做淘宝页面时候会碰到这样的效果 以前都是用人家的javascript组件代码 发现老是用人家也不好,所以今天有空用jqeury中的animate这个方法写了一个简单的浮动菜单!原理非常的简单 就是当滚动条滚动时候 让他运行一个方法 然后在那个方法里面简单的计算下 动画元素的top 计算方法是:window的高度-元素的高度 再除以2 就可以让元素在页面上是剧中的 然后在加上元素滚动的高度 !!!

十年建站经验, 成都网站建设、网站设计客户的见证与正确选择。成都创新互联提供完善的营销型网页建站明细报价表。后期开发更加便捷高效,我们致力于追求更美、更快、更规范。

代码如下:

 

  1.  
  2.  
  3.  
  4.  
  5. 无标题文档 
  6.  
  7.     
  8.  
  9.  
  10.  
 
  •     aaaa
  •  
  •       
  •  
  •  
  •  
  • 当窗口一加载的时候 我让当前文档 一个相对定位 那么浮动元素就相对文档来说 他是绝对定位 所以不管窗口缩小时候还是移动窗口 那个浮动元素都不会改变位置!

    附件:http://down.51cto.com/data/2359405

    网页名称:Jquery简单的右侧浮动菜单
    标题链接:http://chengdu.cdxwcx.cn/article/jogech.html

    其他资讯