欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery仿gmail實現(xiàn)fixed布局的方法

 更新時間：2015年05月27日 16:56:19   作者：不吃皮蛋  
這篇文章主要介紹了jQuery仿gmail實現(xiàn)fixed布局的方法,涉及jQuery操作頁面元素屬性的相關技巧,需要的朋友可以參考下

本文實例講述了jQuery仿gmail實現(xiàn)fixed布局的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fixed bar demo</title>
<style type="text/css" media="screen">
body{
margin:0;
height:2000px;
}
#top{
background-color:#333;
height:80px;
}
#nav{
background-color:#999;
height:30px;
position:absolute;
top:80px;
width:100%;
}
</style>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
 $(window).scroll(function(){
 var scrollTop = $(window).scrollTop();
 if(scrollTop < 80)
 $("#nav").css('top', '80px');
 else
 $("#nav").css('top', scrollTop +'px');
 });
});
</script>
</head>
<body>
<div id="top">
</div>
<div id="nav">
</div>
</body>
</html>

希望本文所述對大家的jQuery程序設計有所幫助。

相關文章

  • JQuery Ajax如何實現(xiàn)注冊檢測用戶名

    JQuery Ajax如何實現(xiàn)注冊檢測用戶名

    這篇文章主要介紹了JQuery Ajax如何實現(xiàn)注冊檢測用戶名,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-09-09
  • jQuery 判斷圖片是否加載完成方法匯總

    jQuery 判斷圖片是否加載完成方法匯總

    有時候我們在前端開發(fā)工作中為了獲取圖片的信息，需要在圖片加載完成后才可以正確的獲取到圖片的大小尺寸，并且執(zhí)行相應的回調函數(shù)使圖片產生某種顯示效果。本文主要整理了幾種常見的jquery判斷圖片加載完成時的方法
    2015-08-08
  • jquery實現(xiàn)彈窗功能（窗口居中顯示）

    jquery實現(xiàn)彈窗功能（窗口居中顯示）

    本文主要介紹了jquery實現(xiàn)彈窗功能且彈出確認框始終位于窗口中間位置的實例，具有很好的參考價值，下面跟著小編一起來看下吧
    2017-02-02
  • 原生JS實現(xiàn)在線問卷調查投票特效

    原生JS實現(xiàn)在線問卷調查投票特效

    本文主要分享了原生JS實現(xiàn)在線問卷調查投票特效的實例代碼?？芍苯訌椭票４鍴TML運行查看效果。具有一定的參考價值，下面跟著小編一起來看下吧
    2017-01-01
  • 使用jQuery實現(xiàn)input數(shù)值增量和減量的方法

    使用jQuery實現(xiàn)input數(shù)值增量和減量的方法

    這篇文章主要介紹了使用jQuery實現(xiàn)input數(shù)值增量和減量的方法,實例分析了Bootstrap TouchSpin插件的用法,是非常實用的技巧,需要的朋友可以參考下
    2015-01-01
  • jqTransform美化表單

    jqTransform美化表單

    本文為大家揭秘如何使表單更加美化，感興趣的小伙伴們可以參考一下
    2015-10-10
  • jQuery插件FusionCharts繪制的2D雙柱狀圖效果示例【附demo源碼】

    jQuery插件FusionCharts繪制的2D雙柱狀圖效果示例【附demo源碼】

    這篇文章主要介紹了jQuery插件FusionCharts繪制的2D雙柱狀圖效果,結合實例形式分析了jQuery使用FusionCharts插件繪制2D雙柱狀圖的具體步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
    2017-05-05
  • jQuery基于ajax實現(xiàn)帶動畫效果無刷新柱狀圖投票代碼

    jQuery基于ajax實現(xiàn)帶動畫效果無刷新柱狀圖投票代碼

    這篇文章主要介紹了jQuery基于ajax實現(xiàn)帶動畫效果無刷新柱狀圖投票代碼,通過使用jquery動態(tài)操作頁面元素樣式屬性實現(xiàn)柱狀圖投票效果,非常具有實用價值,需要的朋友可以參考下
    2015-08-08
  • 基于jQuery實現(xiàn)表格的查看修改刪除

    基于jQuery實現(xiàn)表格的查看修改刪除

    這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)表格的查看修改刪除，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-08-08
  • 讀jQuery之十二 刪除事件核心方法

    讀jQuery之十二 刪除事件核心方法

    使用jQuery刪除事件（或稱解除事件綁定）有三個函數(shù)：unbind、die和undelegate。這三個方法都依賴于未公開的jQuery.event.remove（后續(xù)使用.remove簡寫）。此為刪除事件的核心方法。
    2011-07-07

最新評論