一、遇顶固定的例子 我一直以为是某个div或层随屏幕滚动，遇顶则固定，离开浏览器顶部又还原这样的例子其实不少，其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的排序水平条，在默认状态时，该工具条是跟随页面滚动的，如下图： 而当我们下拉滚动条，随着页面向下滚动，当此工具条接触到浏览器的上边缘时，这时就会独立出来固定在顶部，不跟随页面滚动而滚动了，如下图： 类似的例子效果我们在别的网站上都有看到过，例如腾讯微博首页上，当我们下拉屏幕浏览最新微博时，工具条也会出现这个效果，如下图： 这个效果看上去方便，贴心，也许还带推动广告的促销呢。原理其实很简单，本文展示两种方法。 二、智能浮动效果的实现原理 它分两种状态，一是默认状态，二是浮动固顶状态。 默认状态就是默认状态，什么也不用做，保持原有的CSS就好。无论有没有对它做定位，做了absolute也好，没做也好，都行。 关键是当浏览器屏幕滚动时，该对象div层要移除浏览器界面视区的时候，是要修改它的position属性，让它浮动在窗口的上沿显示就行了。最好的position属性是fixed，可以在IE6+和其他浏览器浮动层平滑的固定定位，由于IE6老大哥不支持fixed属性，所以可以另外赋予它absolute属性。当然也会产生副作用——滚动不平滑。不过也无所谓了，在微软公布不再修补更新XP漏洞，在中国360安全卫士的帮助下虽然大家仍然使用XP，但IE的用户已经是少之又少了。 那接下来，如何判断当前div层与浏览器窗口的上边缘接触了呢？遇到浏览器顶部了呢？ 当浮动层div与浏览器窗口上边缘接触的一瞬间，其页面垂直偏移值与页面的滚动高度是一致的，所以我们就用这个进行判断。那如何获得页面上元素距离页面的垂直距离呢？ 这里则是使用javaScript库实现。

treeview.js树控件 用于做树形菜单 欢迎下载！！1！！

jQuery仿IMQQ聊天窗口代码是一款仿QQ聊天窗口界面，发送文字自动回复功能。 jQuery仿IMQQ聊天窗口代码 截图

项目介绍 基于JSP+Servlet的网上订餐管理系统的设计与实现。该项目为前后台管理项目。 前台主要展示给普通用户，主要功能有菜品分类、最新菜品、销售排行、美食预订、营养小贴士、餐点搜索、订餐车、 在线留言等； 后台主要提供给管理员，主要功能有菜品管理、菜品类别管理、营养小贴士管理、会员管理、员工管理、留言管理、采购管理、销售订单查询、统计管理、用户管理等； 环境需要 1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA; 3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可 4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS； 5.是否Maven项目: 否；查看源码目录中是否包含pom.xml；若包含，则为maven项目，否则为非maven项目  6.数据库：MySql 5.7版本； 技术栈 1. 后端：Servlet 2. 前端：JSP+bootstrap+jQuery 使用说明 1. 使用IDEA/Ecli

项目介绍 基于JSP+Servlet的网上订餐管理系统的设计与实现。该项目为前后台管理项目。 前台主要展示给普通用户，主要功能有菜品分类、最新菜品、销售排行、美食预订、营养小贴士、餐点搜索、订餐车、 在线留言等； 后台主要提供给管理员，主要功能有菜品管理、菜品类别管理、营养小贴士管理、会员管理、员工管理、留言管理、采购管理、销售订单查询、统计管理、用户管理等； 环境需要 1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA; 3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可 4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS； 5.是否Maven项目: 否；查看源码目录中是否包含pom.xml；若包含，则为maven项目，否则为非maven项目  6.数据库：MySql 5.7版本； 技术栈 1. 后端：Servlet 2. 前端：JSP+bootstrap+jQuery 使用说明 1. 使用IDEA/Ecli

jQuery是一个快速，小巧，功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行，使得HTML文档遍历和操作，事件处理，动画和Ajax更加简单。通过多功能性和可扩展性的结合，jQuery改变了数百万人编写JavaScript的方式

内容索引:脚本资源,jQuery,图片变色特效,jQuery插件　　grayscale.js是一款基于jQuery的图片去色特效插件及实例，可将任意的彩色图片剥离色彩变成其它色调，很有意思的一款程序，感兴趣的朋友不妨一试。

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSONM文件中包含了关于“名称”和“值”的信息。有时候我们需要读取JSON格式的数据文件，在jQuery中可以使用Ajax或者 $.getJSON()方法实现。 下面就使用jQuery读取music.txt文件中的JSON数据格式信息。 首先，music.txt中的内容如下： 代码如下: [ {“optionKey”:”1″, “optionValue”:”Canon in D”}, {“optionKey”:”2″, “optionValue”:”Wind Song”}, {“optionKey”

插件描述：固定表头表格插件.有三种固定表头的表格效果可以使用。

Columns是一款基于jquery的插件，它可轻松快捷且简单的将JSON数据转换成HTML表格，并实现排序、搜索、分类、分页、过滤等功能。你所需要做的就是提供数据,其它的就交给Columns来搞定吧。演示地址：http://www.jqcool.net/json-columns.html