CSS9.NET » Jquery

Jquery插件：使用“autoresize”插件自动改变textarea大小

IIduce — Thu, 03 Sep 2009 14:20:56 +0000

文本框textarea是在网站中经常用到到多行文本输入标签，例如本文下面的留言输入框。一般情况下，我们会通过指定textarea的rows和cols属性来控制大小。当在textarea输入较多文本超过预设行数时，就会出现侧边滚动条。这样难免会将部分文本遮挡，当想回顾已输入内容时，还要去拖动滚动条，来来回回，煞是不爽。如果可以让textarea根据用户输入的文本内容自动扩展，就可以解决这个问题了，有助于改善用户体验。“autoresize”这款jquery插件就是用来解决这个问题的。延伸阅读:

易用的JQuery上传插件Uploadify

IIduce — Wed, 22 Jul 2009 15:56:27 +0000

无论是做Web产品还是Web项目，文件上传是经常要用到的功能。以前经常听到做项目的同事抱怨：“这款文件上传控件功能强大但是用起来麻烦，最简单的input上传使用方便但是功能太简单（例如不支持多文件），外观也不尽如人意”。之后我一直留意网上的上传控件，最近看到一款基于jquery的上传插件Uploadify无论在功能、外观、可用性和扩展性上都有不错表现，于是研究了一番，介绍给大家。延伸阅读:

教你一招，开辟网站页面的新空间

IIduce — Mon, 06 Jul 2009 06:11:25 +0000

电脑屏幕空间终究是有限的，在有限的页面空间上，合理的布局和内容分配是Web设计师需要考虑的。有时有些信息元素，我想放在博客上，却往往找不到合适的位置，十分挠头。国外一位Web设计师提出了一个基于jQuery的PageSlide的效果，我感觉特别有创意，需要的时候也许能用上，在这里介绍给大家。延伸阅读:

使用jQuery及Bing API实现简易搜索引擎

IIduce — Sat, 27 Jun 2009 10:01:53 +0000

微软在今年六月正式发布了Live搜索的继承者Bing，同时也提供了一套非常全面的API。如同Google API，通过使用Bing API，Web开发者可以在网站中集成bing搜索中的各种服务，从而丰富网站功能，并为网站带来流量。CSS9.NET在本篇文章通过一个完整的使用示例，向大家展示如何使用jQuery来调用Bing API实现简单的Web搜索引擎，并对Bing API有一个基本的了解。延伸阅读:

jQuery Tools——不可错过的jQuery UI库（六）

IIduce — Thu, 25 Jun 2009 15:50:33 +0000

在本系列文章的前五篇介绍了jQuery Tools中的工具组件使用，阅读过的朋友想必已经对它有所了解。今天这篇是jQuery Tools系列文章的最后一篇，来介绍一个综合了jQuery Tools中的滚动效果（Scrollable）、遮罩效果（Overlay）、提示工具条（Tooltip）和突出效果（Expose）的综合使用实例，希望能对jQuery Tools的灵活使用有更好的认识。延伸阅读:

jQuery Tools——不可错过的jQuery UI库（五）

IIduce — Wed, 24 Jun 2009 06:04:06 +0000

接上篇，今天讲解jQuery Tools中另一工具组件——滚动效果（Scrollable）。滚动效果在网页设计中也是经常用到的，例如滚动新闻、幻灯片展示、相册……（发挥想象力吧，用到选项卡的内容切换中是不是会很酷）。延伸阅读:

Jquery Tools——不可错过的Jquery UI库（四）

IIduce — Sun, 21 Jun 2009 14:38:01 +0000

接上篇，继续jQuery Tools的讲解。本篇讲解jQuery Tools中十分有用的一个组件——遮罩效果（overlay）。延伸阅读:

Jquery Tools——不可错过的Jquery UI库（三）

IIduce — Sat, 20 Jun 2009 08:49:51 +0000

上一篇讲解了jQuery Tools中Tabs选项卡的用法和示例，本篇继续以示例的形式讲解Jquery Tools中的另两个组件tooltips（提示工具条）和expose（突出效果）。延伸阅读:

Jquery Tools——不可错过的Jquery UI库（二）

IIduce — Fri, 19 Jun 2009 02:21:54 +0000

在上篇对jQuery Tools做了总体的介绍，从本篇起开始介绍jQuery Tools的各个工具组件。延伸阅读:

Jquery Tools——不可错过的Jquery UI库（一）

IIduce — Thu, 18 Jun 2009 05:30:06 +0000

Jquery Tools是一组基于Jquery构建的用户界面常用组件的集合。通过使用Jquery Tools，网站前端开发无疑会变得更加高效。值得注意的是，Jquery Tools的gzip压缩版本仅有5.8k，如此轻量级而且功能实用的UI组件绝对值得我们关注。下面是官方主页对它的一个描述：延伸阅读:

强大的Jquery图表绘制插件 —— jqPlot

IIduce — Wed, 17 Jun 2009 01:40:32 +0000

jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性(Pluggability)，你可以编写自己的图表样式。jqPlot在之前有人介绍过了，这里我主要介绍它的一些用法和示例。延伸阅读:

通过JQuery插件实现cookie操作

IIduce — Tue, 09 Jun 2009 15:14:46 +0000

Cookie操作是我们在Web开发中经常会用到的功能，以往我们一般是通过javascript实现的。下面这款jquery插件是专门用来进行cookie操作的，包括cookie的添加、清除、读取…… 延伸阅读:

Tinybox模态框使用扩展一则

IIduce — Wed, 03 Jun 2009 15:56:03 +0000

前不久曾发表过一篇介绍Tinybox的文章《通过javascript实现的轻量级模态框解决方案（支持Ajax）》。今天一位朋友就tinybox的使用提出一个问题：如果在侧边栏有很多图片的缩略图，如何能一次性的给它们添加tinybox模态框效果。这样的应用是非常实际的，下面我就这个问题说一下解决方案。延伸阅读:

实现文字高亮功能的两种解决方案（Javascript/Jquery）

IIduce — Tue, 02 Jun 2009 10:41:10 +0000

高亮功能主要是指对页面中指定区域的指定文字进行高亮显示，也就是背景着色。一般在搜索结果页面会经常用到这个功能。下面就为大家提供两种解决方案，分别用javascript和jquery插件实现。延伸阅读:

完美显示文件树的Jquery插件（支持Ajax及多种动态脚本）

IIduce — Wed, 27 May 2009 02:59:01 +0000

这是一款用于生成文件树状菜单的Jquery插件。它支持Ajax动态读取文件目录，它支持很多动态脚本语言（诸如php,asp,C#,ruby……），它可以生成良好语义的xhtml，且美观漂亮……。Jquery File Tree绝对是一款值得收藏的Jquery插件。延伸阅读:

使用JQuery实现标签（Tab）切换效果

IIduce — Wed, 20 May 2009 13:36:03 +0000

我们经常可以看到网页设计中使用Tab标签切换的方式来展示网页内容。以我的理解，这样做有两点好处：节约了网页空间而展示了更多的内容；将不同分类的内容放在不同标签下，结构清晰。下面就给大家介绍一款通过Jquery实现Tab标签效果的示例。延伸阅读:

使用Jquery实现禁用鼠标右键

IIduce — Wed, 15 Apr 2009 15:58:05 +0000

我们有时会需要在网站的某个页面禁用右键，甚至构建个性化右键菜单，在Jquery中可以用下面代码实现：

$(document).bind('contextmenu',function(e){   
    //在这里书写代码，构建个性右键化菜单 
           
    //取消默认的右键菜单 
    return false;   
});

请从Google服务器加载Jquery，以提高网站性能

IIduce — Tue, 14 Apr 2009 12:08:05 +0000

你在网站中是怎样引入jquery脚本库的呢？很多人是这样做的：

其实我们可以通过Google的CDN（在计划要发布的“网站前端优化系列”文章中，会着重讲解CDN，敬请关注）服务来载入jquery库。相比上面的做法，这样会获得更好的性能。代码如下：延伸阅读:

实现页面不同位置间平滑滚动的两种解决方案

IIduce — Thu, 09 Apr 2009 16:04:13 +0000

在网页设计中，当页面较长或是想实现一个导航效果时，我们经常会用锚点来实现同一页面间不同位置的跳转。但是这样做也许会造成用户的一种困惑——当用锚点跳转时，页面内容瞬间发生了改变，用户也许就会想：我还在原来的那个页面上吗？如果我们能把这种情况做成平滑滚动的效果（而非瞬间跳转到页面的另一个位置），就可以获得一个好的用户体验。延伸阅读:

FullSize：一个新的IMG标签属性（附带JQuery实现）

IIduce — Wed, 08 Apr 2009 07:46:53 +0000

“img标签添加了一个新属性么？”，看到标题你也许会惊奇的问。呵呵，千万莫误会，这只是一位国外Web设计师的主张而已。为了推销他的想法，他建立了这个主题网站，而且用Jquery插件模拟了它。它的这个想法真的挺有意思，也很有意义。我这里对它的想法做个简单翻译，略表支持。延伸阅读: