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

2016-02-19 16:02 31 1 收藏

最近很多朋友喜欢上设计，但是大家却不知道如何去做,别担心有图老师给你解答，史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发】

文件打包下载

/*任意位置浮动固定层*/
/*没剑(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://www.tulaoshi.com/n/20160219/1610939.html

看过《jquery 插件任意位置浮动固定层》的人还看了以下文章更多>>

jquery 插件任意位置浮动固定层 02-19
jQuery autocomplete插件修改 02-19
jQuery 插件开发其实很简单 02-19
JQuery 插件制作实践 xMarquee插件V1.0 02-19
jQuery AnythingSlider滑动效果插件 02-19
JQuery 无废话系列教程(一) jquery入门 [推荐] 02-19
jquery 图片预加载自动等比例缩放插件 02-19
jquery tagname 取得方法 02-19
jQuery formValidator表单验证插件开源了含API帮助、 02-19
初试jQuery EasyUI 使用介绍 02-19

jQuery animate效果演示

标签： Web开发

animate(params[,duration[,easing[,callback]]]) 用于创建自定义动画的函数。br / 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到...

JQuery 实现的页面滚动时浮动窗口控件

标签： Web开发

1. Introduction: 这个控件能够实现的效果是当你的页面滚动时,某个DIV永远停留在你需要它停留的位置。同时可以为这个DIV设定个容器,当滚动条已经超过了这个容器,那么这个DIV就不再滚动了。有时候如果需要做个比较好用的导航条,使用这个控件挺不错的。 2. Code & Properties: 这个js文件是在jQuery和JQeury UI的核心上扩展的。所以...

Jquery 学习笔记（二）

标签： Web开发

选择器从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。还是复习一下Jquery的选择器吧其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。其中选...

jQuery slider Content(左右控制移动)

标签： Web开发

不错的效果。好多文字广告可以这样控制。 script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"/script script type="text/javascript" function animate(dir, step) { var position; position = parseInt($("#content").css("margin-left")); var contentwidth; var sliderwidth; contentwidth = ...

LazyForm jQuery plugin 定制您的CheckBox

标签： Web开发

打包下载在下面浏览器下测试通过：Firefox, IE7, IE8, Google浏览器。 (IE6还是算了吧），其它浏览器还没试过。目前刚添加了4个皮肤，添加新皮肤非常方便，您可以参考已添加的皮肤图片和css代码，相信您会很快搞定。效果截图：一、在没有使用LazyForm的情况下，在XP下运行截图如下二、使用LazyForm(皮肤Blue)效果如下三、使用L...

查看更多精彩>>