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://bzwzjz.com/article/jogech.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 成都网站建设 自适应网站建设 成都网站建设 成都网站制作 企业网站建设 成都网站设计 网站设计制作 成都网站设计 做网站设计 成都网站设计制作公司 营销型网站建设 成都企业网站建设公司 网站制作公司 成都品牌网站设计 手机网站建设套餐 营销网站建设 网站制作 成都网站建设公司 成都网站建设 公司网站建设 手机网站建设 成都网站建设公司