jquery 插件 任意位置浮動(dòng)固定層
更新時(shí)間：2008年12月25日 15:21:14 作者：
可以讓指定的層浮動(dòng)到網(wǎng)頁上的任何位置，當(dāng)滾動(dòng)條滾動(dòng)時(shí)它會保持在當(dāng)前位置不變，不會產(chǎn)生閃動(dòng)
/*任意位置浮動(dòng)固定層*/
/*沒劍(http://regedit.cnblogs.com) 08-03-11*/
/*說明：可以讓指定的層浮動(dòng)到網(wǎng)頁上的任何位置，當(dāng)滾動(dòng)條滾動(dòng)時(shí)它會保持在當(dāng)前位置不變，不會產(chǎn)生閃動(dòng)*/
/*調(diào)用：
1 無參數(shù)調(diào)用：默認(rèn)浮動(dòng)在右下角
$("#id").floatdiv();
2 內(nèi)置固定位置浮動(dòng)
//右下角
$("#id").floatdiv("rightbottom");
//左下角
$("#id").floatdiv("leftbottom");
//右下角
$("#id").floatdiv("rightbottom");
//左上角
$("#id").floatdiv("lefttop");
//右上角
$("#id").floatdiv("righttop");
//居中
$("#id").floatdiv("middle");
3 自定義位置浮動(dòng)
$("#id").floatdiv({left:"10px",top:"10px"});
以上參數(shù)，設(shè)置浮動(dòng)層在left 10個(gè)像素,top 10個(gè)像素的位置
*/
在線演示http://img.jb51.net/online/jquery.floatDiv/demo.htm
文件打包http://img.jb51.net/online/jquery.floatDiv/jquery.floatDiv.rar
/*沒劍(http://regedit.cnblogs.com) 08-03-11*/
/*說明：可以讓指定的層浮動(dòng)到網(wǎng)頁上的任何位置，當(dāng)滾動(dòng)條滾動(dòng)時(shí)它會保持在當(dāng)前位置不變，不會產(chǎn)生閃動(dòng)*/
/*調(diào)用：
1 無參數(shù)調(diào)用：默認(rèn)浮動(dòng)在右下角
$("#id").floatdiv();
2 內(nèi)置固定位置浮動(dòng)
//右下角
$("#id").floatdiv("rightbottom");
//左下角
$("#id").floatdiv("leftbottom");
//右下角
$("#id").floatdiv("rightbottom");
//左上角
$("#id").floatdiv("lefttop");
//右上角
$("#id").floatdiv("righttop");
//居中
$("#id").floatdiv("middle");
3 自定義位置浮動(dòng)
$("#id").floatdiv({left:"10px",top:"10px"});
以上參數(shù)，設(shè)置浮動(dòng)層在left 10個(gè)像素,top 10個(gè)像素的位置
*/
在線演示http://img.jb51.net/online/jquery.floatDiv/demo.htm
文件打包http://img.jb51.net/online/jquery.floatDiv/jquery.floatDiv.rar
您可能感興趣的文章:
- jQuery之浮動(dòng)窗口實(shí)現(xiàn)代碼(兩種方法)
- jQuery 浮動(dòng)廣告實(shí)現(xiàn)代碼
- JQuery 浮動(dòng)導(dǎo)航欄實(shí)現(xiàn)代碼
- jQuery powerFloat萬能浮動(dòng)層下拉層插件使用介紹
- JQuery浮動(dòng)DIV提示信息并自動(dòng)隱藏的代碼
- jQuery實(shí)現(xiàn)div浮動(dòng)層跟隨頁面滾動(dòng)效果
- JQuery 實(shí)現(xiàn)的頁面滾動(dòng)時(shí)浮動(dòng)窗口控件
- js頁面滾動(dòng)時(shí)層智能浮動(dòng)定位實(shí)現(xiàn)(jQuery/MooTools)
- 可以浮動(dòng)某個(gè)物體的jquery控件用法實(shí)例
- 使用jQuery制作浮動(dòng)工具欄的實(shí)例分享
相關(guān)文章
JQuery的html(data)方法與<script>腳本塊的解決方法
在使用Jquery的html(data)方法執(zhí)行寫數(shù)據(jù)到Dom元素時(shí)遇到一個(gè)問題：在data參數(shù)中包含script腳本塊的時(shí)候，html(data)方法的執(zhí)行結(jié)果與預(yù)期不符2010-03-03
簡單易用的基于jQuery版仿新浪微博向下滾動(dòng)效果(附DEMO)
jquery版，簡單易用的jQuery 版仿新浪微博 向下滾動(dòng)效果，現(xiàn)在越來越發(fā)現(xiàn)jquery太強(qiáng)大咯，哈哈。2011-02-02
這篇文章主要介紹了JQuery如何按name屬性選擇元素問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
接下來回到最開始的jQuery.extend函數(shù)（268行）中的ready(fn)的定義。這個(gè)函數(shù)用來處理DOM加載完成的事件。差不多是jQuery最常用的函數(shù)之一了。2011-06-06
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)頁面彈出框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
jQuery的數(shù)據(jù)框架沒有將元素?cái)?shù)據(jù)當(dāng)作元素屬性來存儲，我記得是可以通過jQuery的data("xxx")方法取HTML標(biāo)簽上的data-xxx屬性的值的2013-08-08
jQuery length 和 size()區(qū)別總結(jié)
這篇文章主要介紹了jQuery length 和 size()區(qū)別總結(jié),在這里length是屬性，size()是方法，需要的朋友可以參考下2018-04-04
這篇文章主要介紹了jQuery 中ajax異步調(diào)用的四種方式,實(shí)例講解,需要的朋友可以參考下。2016-06-06
jQuery實(shí)現(xiàn)的可編輯表格完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的可編輯表格,結(jié)合完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素樣式與屬性的相關(guān)技巧,需要的朋友可以參考下2016-06-06
easyUI使用分頁過濾器對數(shù)據(jù)進(jìn)行分頁操作實(shí)例分析
這篇文章主要介紹了easyUI使用分頁過濾器對數(shù)據(jù)進(jìn)行分頁操作,結(jié)合實(shí)例形式詳細(xì)分析了easyUI分頁過濾器對數(shù)據(jù)進(jìn)行分頁操作具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2020-06-06