当前位置:Gxlcms > JavaScript > jquery任意位置浮动固定层插件用法实例_jquery

jquery任意位置浮动固定层插件用法实例_jquery

时间:2021-07-01 10:21:17 帮助过:5人阅读

本文实例讲述了jquery任意位置浮动固定层插件用法。分享给大家供大家参考。具体分析如下:

说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动

2009-06-10修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位
2009-07-16修改:修正IE6下无法固定在top上的问题

09-11-5修改:当自定义层的绝对位置时,加上top为空值时的判断
这次的方法偷自天涯新版页
经多次测试,基本上没bug~

调用:

1 无参数调用:默认浮动在右下角

$("#id").floatdiv();

2 内置固定位置浮动

另外新添加了四个新的固定位置方法

middletop(居中置顶)、middlebottom(居中置低)、leftmiddle、rightmiddle

3 自定义位置浮动

$("#id").floatdiv({left:"10px",top:"10px"});
以上参数,设置浮动层在left 10个像素,top 10个像素的位置

完整实例代码点击此处本站下载。

希望本文所述对大家的jQuery程序设计有所帮助。

人气教程排行