当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 插件 任意位置浮动固定层

Javascript
javascript实例教程(15) 日期函数
javascript实例教程(17) 使用字符串函数
javascript实例教程(18) 数组
javascript实例教程(19) 使用HoTMetal(1)
javascript实例教程(19) 使用HoTMetal(2)
javascript实例教程(19) 使用HoTMetal(3)
javascript实例教程(19) 使用HoTMetal(4)
javascript使图片加载进度实时显示
代码前置时页面输出脚本的要注意的问题|
javascript网页中显示硬盘内容
JS实现仿新浪信息提示效果
Js 按照MVC模式制作自定义控件
滑动展开/收缩广告代码实例效果
JS实现的滑动展开与折叠效果
时钟广告跳转状态栏等JS代码
一个以Javascript+xml的树型列表
target 属性怎么用 JS 来控制?
一组常用的弹出窗口用法总结
冒泡算法的三种JavaScript表示
网页最简短的拖动对象代码实例演示

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 461 ::
收藏到网摘: n/a

可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动 /*任意位置浮动固定层*/
/*没剑(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.ruanchen.com/"http://img.ruanchen.com/" style="color: #000">http://img.ruanchen.com/nline/jquery.floatDiv/jquery.floatDiv.rar