`
jamm19860411
  • 浏览: 86567 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层

阅读更多
<!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>
分享到:
评论

相关推荐

    JQuery1.3.2

    JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2

    JQUERY1.3.2

    版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用

    jquery1.3.2 中文api

    《jQuery 1.3.2 中文 API:深入解析与应用》 jQuery 是一个高效、简洁的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.3.2 版本是其发展历史上的一个重要里程碑...

    Jquery1.3.2Spket自动提示包

    导入后,配置编辑器以识别jQuery 1.3.2的库文件,然后在编写涉及jQuery的代码时,Spket将自动激活这些提示功能。 值得注意的是,虽然这个提示包是针对jQuery 1.3.2设计的,但它也可以作为学习和理解jQuery基础的一...

    jquery-1.3.2.js

    《jQuery 1.3.2:JavaScript 动态交互的核心技术》 在Web开发领域,jQuery库以其简洁、高效的API,极大地简化了JavaScript的使用,尤其是对于DOM操作、事件处理和动画效果。本文将深入探讨jQuery 1.3.2版本中的核心...

    jquery 1.3.2源代码 包括 压缩和未压缩版

    在这个压缩包中,我们找到了jQuery 1.3.2的源代码,包括压缩和未压缩的版本,这对于开发者来说是非常宝贵的资源。 首先,让我们了解一下jQuery 1.3.2的基本概念。这是一个在2009年发布的版本,尽管现在已经有了更新...

    jquery-1.3.2.min.js

    《jQuery 1.3.2:深入理解与应用》 jQuery是JavaScript库的杰出代表,以其简洁、高效的语法设计赢得了全球开发者的喜爱。在本文中,我们将深入探讨jQuery 1.3.2这一版本,包括它的核心特性、API文档以及实际应用...

    jQuery1.3.2最新版源码

    7. **性能优化**:通过减少内存占用和优化内部算法,jQuery1.3.2在性能上有了显著提升,使得在大型复杂应用中也能流畅运行。 虽然现在我们已经有了更先进的jQuery版本,但jQuery1.3.2仍然是许多遗留项目和学习资源...

    jquery1.3.2后台管理模板

    首先,jQuery1.3.2版本在性能上进行了优化,提高了代码执行效率,减少了对DOM的操作次数,这对于大型后台管理系统来说至关重要,因为频繁的DOM操作会导致页面响应变慢。模板的设计充分利用了这一特性,确保了后台...

    jquery-1.3.2.js和jquery.min-1.3.2.js

    《jQuery 1.3.2:深入理解与应用》 jQuery是JavaScript库的杰出代表,以其简洁、易用的API闻名于世。本篇将详细探讨jQuery 1.3.2版本,包括其核心功能、优化特性以及在实际项目中的应用。 首先,jQuery的核心理念...

    jquery1.3.2手册

    《jQuery 1.3.2 手册》是前端开发者必备的参考资料,它详细阐述了jQuery库在1.3.2版本中的各项功能和用法。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过这个手册,...

    jquery1.3.2.js

    是实现jQuery表格操作添加行、删除行和动态移动的脚本

    jquery1.3.2.js及api.chm

    《jQuery 1.3.2.js及API.chm》是一个针对jQuery 1.3.2版本的资源包,其中包含了核心库文件`jquery1.3.2.js`和压缩优化版`jquery1.3.2.min.js`,以及一个中文API帮助文档`jQuery1.3函数速查手册.chm`。这个压缩包对于...

    Jquery1.3.2类库并带中文提示

    总的来说,掌握jQuery 1.3.2及其文档提示对于JavaScript开发者来说是很有价值的,它不仅能让代码更简洁,也能提升开发效率,尤其是在处理复杂的DOM操作和交互效果时。通过深入学习和实践,开发者可以充分利用这个...

    jQuery1.3.2 下载

    7. **浏览器兼容性**:jQuery1.3.2继续保持着良好的浏览器兼容性,支持主流的IE6、IE7、IE8、Firefox、Chrome、Safari和Opera等浏览器,为开发者提供了统一的跨平台开发环境。 8. **社区支持**:jQuery1.3.2发布时...

    JQuery1.3.2及手册

    JQuery1.3.2的手册(CHM版)包含详细的API文档、示例代码和教程,可以帮助开发者快速上手并解决具体问题。CHM(Compiled Help Manual)是Windows系统的帮助文件格式,具有良好的搜索和导航功能,便于查阅和学习。 ...

Global site tag (gtag.js) - Google Analytics