可以浮動某個物體的jquery控件用法實例

更新時間：2015年07月24日 12:24:27 作者：罪惡的花生

這篇文章主要介紹了可以浮動某個物體的jquery控件,實例分析了jquery控件實現(xiàn)頁面浮動層的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了可以浮動某個物體的jquery控件。分享給大家供大家參考。具體如下：

js代碼如下：

(function($){
  $.fn.scrolltip = function(){
    $(this).each( function() {
      var obj = $(this);
      var objtop = obj.position().top;
      $(window).scroll(function(){
        obj.css({
          top:$(window).scrollTop()+objtop,
          position:'absolute'
        });
      });
    });
  }
})(jQuery);

html代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <script type="text/javascript" src="lib/jquery/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="js/tip.js"></script>
    </script>
    <title>JQuery</title>
  </head>
  <body><div style="height:300px;background:#eee"><span id="colspon"></span></div>
<br/>
<br/>
<br/>
<div id="float" style="width:744px;height:34px;border:1px solid #C0DBF8;"></div>
<div style="height:1000px;background:#eee"></div>
  </body>
</html>

希望本文所述對大家的jquery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)frame之間互通的方法
這篇文章主要介紹了jQuery實現(xiàn)frame之間互通的方法,結(jié)合實例形式分析了jQuery實現(xiàn)frame父子框架之間的調(diào)用操作實現(xiàn)方法,需要的朋友可以參考下
2017-06-06
jquery-tips懸浮提示插件分享
Tooltip（提示框）是一種常見的效果，它通常用在需要進(jìn)一步解釋、說明或提示的某個詞上。這種小效果實現(xiàn)起來雖然不難，但如果你想不勞而獲，可以試試 Tips。
2015-07-07
基于jquery的一個浮動框(擴(kuò)展性比較好 )
在用Maxthon的時候無意看到一個浮動框，把它改成基于jquery的，擴(kuò)展性比較好，發(fā)來分享下。
2010-08-08
jquery將一個表單序列化為一個對象的方法
將一個表單序列化為一個對象的方法有很多，感興趣的朋友可以了解下本文所介紹的這個，希望對大家有所幫助
2013-12-12
jquery+ajax實現(xiàn)省市區(qū)三級聯(lián)動效果簡單示例
這篇文章主要介紹了jquery+ajax實現(xiàn)省市區(qū)三級聯(lián)動效果,結(jié)合實例形式分析了jQuery結(jié)合ajax實現(xiàn)省市區(qū)三級聯(lián)動功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-01-01
JQuery表格拖動調(diào)整列寬效果(自己動手寫的)
當(dāng)鼠標(biāo)停留在表頭邊框線上時，鼠標(biāo)會變成表示左右拖動的形狀，接著拖動鼠標(biāo)，會在表格中出現(xiàn)一條隨鼠標(biāo)移動的豎線，最后放開鼠標(biāo)，表格列寬會被調(diào)整
2014-09-09
jQuery中[attribute=value]選擇器用法實例
這篇文章主要介紹了jQuery中[attribute=value]選擇器用法,實例分析了[attribute=value]選擇器的功能、定義及給定屬性及屬性值元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2014-12-12
jQuery實現(xiàn)貪吃蛇小游戲（附源碼下載）
網(wǎng)上關(guān)于JS實現(xiàn)貪吃蛇的文章有很多，最近閑來無事，想著利用jQury來實現(xiàn)貪吃蛇小游戲，下面實現(xiàn)這篇文章主要介紹了利用jQuery實現(xiàn)貪吃蛇小游戲的方法，文中給出的是吸納思路和示例代碼，需要的朋友可以參考下。
2017-03-03
jQuery點擊其他地方時菜單消失的實現(xiàn)方法
這篇文章主要介紹了jQuery點擊其他地方時菜單消失的實現(xiàn)方法,結(jié)合實例形式分析了jQuery實現(xiàn)點擊其他地方讓菜單消失的實現(xiàn)思路與解決方法,需要的朋友可以參考下
2016-04-04
jQuery焦點圖切換特效插件封裝實例
這篇文章介紹了jQuery焦點圖切換特效插件封裝實例，有需要的朋友可以參考一下
2013-08-08