Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery 插件 任意位置浮动固定层

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

发布时间:2013-09-20   编辑:www.jquerycn.cn
可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动
可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动 /*任意位置浮动固定层*/
/*没剑(http://regedit.cnblogs.com) 08-03-11*/
/*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/
/*调用:
1 无参数调用:默认浮动在右下角
$("#id").floatdiv();

2 内置固定位置浮动
//右下角
$("#id").floatdiv("rightbottom");
//左下角
$("#id").floatdiv("leftbottom");
//右下角
$("#id").floatdiv("rightbottom");
//左上角
$("#id").floatdiv("lefttop");
//右上角
$("#id").floatdiv("righttop");
//居中
$("#id").floatdiv("middle");

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

在线演示http://img.jb51.net/online/jquery.floatDiv/demo.htm
文件打包http://img.jb51.net/online/jquery.floatDiv/jquery.floatDiv.rar

您可能感兴趣的文章:
jquery 插件 任意位置浮动固定层
jQuery 位置插件
jQuery powerFloat
jQuery powerFloat万能浮动层下拉层插件使用介绍
jQuery实现页面滚动时层智能浮动定位实例探讨
jQuery创建平滑的页面滚动(顶部或底部)
JavaScript实现网页浮动广告的代码
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
js随机漂浮广告代码示例
jquery简单实现滚动条下拉DIV固定在头部不动

[关闭]