jquery+HTML5响应式导航菜单设计教程
通过jquery+html5实现，当浏览器窗口缩小或者手机访问的时候，导航菜单变成按钮下拉式菜单。效果图：
HTML代码：
<nav id="nav-wrap">
<ul id="nav">
<li><a href="#">Button</a></li>
<li><a href="#"...
javascript实现瀑布流布局实践思路教程
淘宝有部分页面中使用了瀑布流布局，淘宝的kissy框架加入了这种布局的插件，详细可以查看相关的API函数，在淘宝UED的博客中乔花写了有关瀑布流布局的文章。下面是用JQ框架实现瀑布流布局的实现思路。
1、设置一些全局变量，通过全局变量然后初始化页面，保存临时数据在变量中。初始化一些数据，计算宽度等值。
function water(opts) {
this.container=opts.container...
jquery获取一个元素的HTML代码html()或文本值text()
作用：显示指定原属的HTML代码或文本
html()方法从指定元素中的第一个元素中获取HTML内容，它以字符串形式返回HTML内容；不仅显示文本，还连同文本一起显示标记（这里所说的显示标记，是指要显示标记的子标记，并不包含父标记）。
$('p').html();
text()方法可以用于XML文档和HTML文档，而html()只能用于HTML文档；
$('p').text();
改变DOM节点的...
jquery实现不同浏览器视窗大小的使用不同的css样式表
支持IE浏览器和其他浏览器
1、首先定义两个link，当然你也可以是一个，第二个是要更改的css
<link rel="stylesheet" type="text/css" href="main.css" />
<link id="size-stylesheet" rel="stylesheet" type="text/css" href="narrow.css" />...
JQuery判断奇偶数（单双数）选择器实现隔行变色效果
HTML代码是使用ul li的布局。代码如下：
<script type="text/javascript">
$(document)ready.(function(){
$("li:odd").css("background-color","#f7f7f7");
});
</script>
值得注意的是，even是偶数，odd是奇数，排序是从0开始而非1开始的。...
jquery 判断滚动条到达了底部和判断滚动条到达顶端
$(document).height() //是获取整个页面的高度
$(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变，与document是不一样的
要获取顶端，只需要获取到scrollTop()==0的时候就是顶端；
要获取底端，只要获取scrollTop()>=$(document).height()...
网页开发必备的jQuery UI库：Tabs、Tooltip、Overlay、Scrollable...
jQuery Tools 是基于 jQuery 开发的网站界面库，包含网站最常用的Tabs（选项卡）、Tooltip（信息提示）、Overlay（遮罩、弹窗）、Scrollable（滚动控制）、Form Validator（表单验证）、Rangeinput（范围选择）、Dateinput（日期选择）等众多功能。jQuery Tools 提供了高自定义的API接口，能够帮助开发者非常容易的实现所需要的功能，带给用户更佳的使用体验。...
jquery中height()方法相关说明
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高...
jQuery代码判断访客IE浏览器版本进行提示
<script type="text/javascript">
if( $.browser.msie && ( $.browser.version == '6.0' || $.browser.version == '7.0' ) ){
// 如果符合条件，弹出提示，升不升级是他们的选择，我觉得不需要强制。
alert("您的浏览器版本过低，请尽快升级，否则会影响网页性能和操作！");
// 如果...
jquery通过removeClass和addClass的简单用法代码改变字体大小
需要加载jQuery库
HTML代码：
<!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...
jQuery简单的js+div+css图片幻灯片效果代码
网站经常用到的jQuery幻灯片，需要元素结构很简单，只需要调用函数。
jQuery部分代码：
$(function(){
$("#KinSlideshow").KinSlideshow({
moveStyle:"right",
titleBar:{titleBar_height:30,titleBar_bgColor:"#08355c",titleBar_alpha:0.5},
title...
简单实用的jquery鼠标滑过tab选项卡 tab切换选项卡
一个简单实用jquery tab选项卡，鼠标滑过切换，找了很久这种代码简单的，其他的写得都比较复杂，代码比较多：
HTML代码部分：
<div class="tabbox" id="statetab">
<ul class="tabbtn">
<li class="current"><a href="">php900</a></li&...
