jQuery(1.3.2) 7行代碼搞定跟隨屏幕滾動(dòng)的層
更新時(shí)間：2009年05月21日 03:07:26 作者：
jQuery(1.3.2)7行代碼搞定跟隨屏幕滾動(dòng)的層，代碼很精簡(jiǎn)啊，非常不錯(cuò)。
復(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行代碼的跟隨屏幕滾動(dòng)層.</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)文章
一個(gè)實(shí)例中使用到toggle函數(shù)，但是調(diào)用的時(shí)候會(huì)把元素隱藏掉，經(jīng)搜索終于找到了原因，需要的朋友可以參考下2014-02-02
淺談jquery fullpage 插件增加頭部和版權(quán)的方法
下面小編就為大家分享一篇淺談jquery fullpage 插件增加頭部和版權(quán)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看2018-03-03
基于jquery用于查詢操作的實(shí)現(xiàn)代碼
通過(guò)javascript得到用戶操作改變url參數(shù)從而實(shí)現(xiàn)某些功能，如查詢(具體的查詢由服務(wù)器端代碼得到url中的參數(shù)組成查詢語(yǔ)句實(shí)現(xiàn))。2010-05-05
這篇文章主要介紹了利用jq讓你的div居中的好方法，有需要的朋友可以參考一下2013-11-11
Jquery數(shù)字上下滾動(dòng)動(dòng)態(tài)切換插件
有時(shí)我們需要?jiǎng)討B(tài)的展示訪問(wèn)次數(shù)、下載次數(shù)等效果，我們可以借助jQuery結(jié)合后臺(tái)php實(shí)現(xiàn)一個(gè)滾動(dòng)的數(shù)字展示效果。2015-08-08
jQuery+jsp下拉框聯(lián)動(dòng)獲取本地?cái)?shù)據(jù)的方法(附源碼)
這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動(dòng)獲取本地?cái)?shù)據(jù)的方法,以實(shí)例形式較為詳細(xì)的分析了jQuery結(jié)合jsp實(shí)現(xiàn)下拉聯(lián)動(dòng)菜單讀取本地?cái)?shù)據(jù)的相關(guān)技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下2015-12-12
c#+jquery實(shí)現(xiàn)獲取radio和checkbox的值
這篇文章主要介紹了c#結(jié)合jquery實(shí)現(xiàn)獲取radio和checkbox的value值的方法，將代碼分享給大家,需要的朋友可以參考下2014-12-12
淺談struts1 & jquery form 文件異步上傳
下面小編就為大家?guī)?lái)一篇淺談struts1 & jquery form 文件異步上傳。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
jQuery Jcrop插件實(shí)現(xiàn)圖片選取功能
今天我們要在ASP.NET中用jQuery.Jcrop插件實(shí)現(xiàn)圖片的選取功能，你想選取美女的哪個(gè)部位你說(shuō)了算，我就管不著了2011-11-11
這篇文章主要介紹了jQuery中even選擇器的定義和用法,較為詳細(xì)的分析了event選擇器的語(yǔ)法結(jié)構(gòu)與具體用法,并以一個(gè)設(shè)置偶數(shù)行為藍(lán)色字體的例子總結(jié)了其用法與功能特點(diǎn),需要的朋友可以參考下2014-12-12