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

您可能感兴趣的文章:
JavaScript实现网页浮动广告的代码
js随机漂浮广告代码示例
jquery简单实现滚动条下拉DIV固定在头部不动
jQuery UI 主题
为开发者准备的10款最好的jQuery日历插件
类似天猫商品详情随浏览器移动的示例代码
js 固定悬浮效果的代码分享
jquery 页面滚动到底部自动加载插件集合
JQuery插件fancybox无法在弹出层使用左右键的解决办法
JS右下角悬浮广告代码的简单示例

[关闭]