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