教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery 插件 任意位置浮动固定层

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

发布时间:2013-09-20   编辑:jiaochengji.com
可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动
可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动 /*任意位置浮动固定层*/
/*没剑(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万能浮动层下拉层插件使用介绍
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
JavaScript实现网页浮动广告的代码
详解网页设计中的定位与定位应用
css中z-index不起作用解决办法
简单的jQuery浮动窗口插件 jDialog
jquery常用ui(dialog...) jquery widget

[关闭]
~ ~