现在的位置: 首页 > 综合 > 正文

jquery插件-任意位置浮动固定层

2013年04月21日 ⁄ 综合 ⁄ 共 761字 ⁄ 字号 评论关闭

可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动
 
作者:没剑
 
本地下载:jquery-floatdiv
 
源码及调用方法:
 

/*任意位置浮动固定层*/
 /*没剑(http://regedit.cnblogs.com) 2009-03-04*/
 /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/
 /*2009-03-04修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位
 从gmail的信息浮动窗口中偷来的,呵呵
 经多次测试,基本上没bug~
 有问题的朋友欢迎到偶的博客http://regedit.cnblogs.com上提出
 */
 /*调用:
 1 无参数调用:默认浮动在右下角
 $(“#id”).floatdiv();
 
2 内置固定位置浮动
 //右下角
 $(“#id”).floatdiv(“rightbottom”);
 //左下角
 $(“#id”).floatdiv(“leftbottom”);
 //右下角
 $(“#id”).floatdiv(“rightbottom”);
 //左上角
 $(“#id”).floatdiv(“lefttop”);
 //右上角
 $(“#id”).floatdiv(“righttop”);
 //居中
 $(“#id”).floatdiv(“middle”);
 
另外新添加了四个新的固定位置方法
 
middletop(居中置顶)、middlebottom(居中置低)、leftmiddle、rightmiddle
 
3 自定义位置浮动
 $(“#id”).floatdiv({left:”10px”,top:”10px”});
 以上参数,设置浮动层在left 10个像素,top 10个像素的位置
 */

抱歉!评论已关闭.