jQuery(1.3.2) 7行代碼搞定跟隨屏幕滾動的層
更新時間：2009年05月21日 03:07:26 作者：
jQuery(1.3.2)7行代碼搞定跟隨屏幕滾動的層，代碼很精簡啊，非常不錯。
復(fù)制代碼 代碼如下:
<!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>
<title>jquery.text-effects</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
*{
margin:0;
padding:0;
}
#test{
position:absolute;
top:10px;
right:10px;
width:130px;
height:60px;
background:#555;
color:#fff;
font-size:13px;
}
</style>
<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
var menuYloc = $("#test").offset().top;
$(window).scroll(function (){
var offsetTop = menuYloc + $(window).scrollTop() +"px";
$("#test").animate({top : offsetTop },{ duration:600 , queue:false });
});
});
</script>
</head>
<body>
<h1>7行代碼的跟隨屏幕滾動層.</h1>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="test">Dev By CssRain.cn<br/>Test ie6+,firefox3.0</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
相關(guān)文章
一個實例中使用到toggle函數(shù)，但是調(diào)用的時候會把元素隱藏掉，經(jīng)搜索終于找到了原因，需要的朋友可以參考下2014-02-02
淺談jquery fullpage 插件增加頭部和版權(quán)的方法
下面小編就為大家分享一篇淺談jquery fullpage 插件增加頭部和版權(quán)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看2018-03-03
通過javascript得到用戶操作改變url參數(shù)從而實現(xiàn)某些功能，如查詢(具體的查詢由服務(wù)器端代碼得到url中的參數(shù)組成查詢語句實現(xiàn))。2010-05-05
這篇文章主要介紹了利用jq讓你的div居中的好方法，有需要的朋友可以參考一下2013-11-11
有時我們需要動態(tài)的展示訪問次數(shù)、下載次數(shù)等效果，我們可以借助jQuery結(jié)合后臺php實現(xiàn)一個滾動的數(shù)字展示效果。2015-08-08
jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法(附源碼)
這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法,以實例形式較為詳細的分析了jQuery結(jié)合jsp實現(xiàn)下拉聯(lián)動菜單讀取本地數(shù)據(jù)的相關(guān)技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下2015-12-12
c#+jquery實現(xiàn)獲取radio和checkbox的值
這篇文章主要介紹了c#結(jié)合jquery實現(xiàn)獲取radio和checkbox的value值的方法，將代碼分享給大家,需要的朋友可以參考下2014-12-12
淺談struts1 & jquery form 文件異步上傳
下面小編就為大家?guī)硪黄獪\談struts1 & jquery form 文件異步上傳。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
今天我們要在ASP.NET中用jQuery.Jcrop插件實現(xiàn)圖片的選取功能，你想選取美女的哪個部位你說了算，我就管不著了2011-11-11
這篇文章主要介紹了jQuery中even選擇器的定義和用法,較為詳細的分析了event選擇器的語法結(jié)構(gòu)與具體用法,并以一個設(shè)置偶數(shù)行為藍色字體的例子總結(jié)了其用法與功能特點,需要的朋友可以參考下2014-12-12