zxingchao2009的专栏------用博客记录技术成长的点点滴滴

如果您使用过igoogle的话，可能注意到其“谷歌图片集锦”模块的底部图片都是有投影效果的。我截了张图，如下：igoogle图片集锦模块图片投影效果截图要实现这种图片投影效果，需要用到一个HTML5中使用的标签，canvas标签。如果您对canvas标签不熟，没有关系，已经有人将这种投影效果写成了插件，您直接调用此js就可以实现投影效果了。使用方法很简单

本文地址：http://www.zhangxinxu.com/wordpress/?p=575这可以说是最优秀的lightbox效果的图片上一个下一个图片切换显示插件，没有之一。我将其原项目进行了翻译，自己进行了一系列的测试，并对原js文件一些英文内容替换成了中文，修改部分CSS文件代码使更符合中文的显示。下面即详细讲述这款插件。原作者：Benjamin Arthur Lupt

一、写此插件的动机暨插件的作用想想到现在我也写了超过100篇技术类文章了，几乎每个页面都有demo实例页面。我经常思考如何更加清晰的表述自己的观点，所以我会截图、会制作动画，甚至会录制视频，当然demo也是必不可少的。但是，有时候，我们想要看到的不只是现象，更要直观地看到内部的代码运作，例如，我们学习jQuery的外部插入方法，节点删除这类DOM操作时，看到HTML节点代码的变化是最直观的

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1002一、为什么想到写此插件此插件的灵感以及UI均来自世界上最伟大的化妆师 – photoshop，例如，我们使用ctrl+R显示标尺，同时从标尺上面拖出一条参考线，结果就会如下图所示：

Colortip – jQuery文字信息提示插件简介by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1168一、恩，前言jQuery tip类的信息提示插件层出不穷，但是我都没有介绍，为什么呢？就跟谈恋爱一样，虽然前面走过的女生不少，不错的也

« 告别图片—使用字符实现兼容性的圆角尖角效果beta版jQuery照片图像剪裁插件Jcrop中文翻译详解 »Ajax Upload多文件上传插件翻译及中文演示by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=342原项目地址为：ht

Jquery.Sorttable 桌面拖拽自定义　　  　　  　　jQuery UI Sortable - Portlets  　　  　　  　　  　　  　　    　　　　 .column { width: 33%; float: left; padding-bottom: 100px; border:solid 1px g

点击本文实例演示今天呢，老话从谈一回，讲讲jquery组件里的sortable(排序)。还是希望大家多发表下自己的学习经验，也可当作以后的一种财富。重申下，本人能力有限，所以如果有地方说错了，请包涵，也希望与之交流，共同进步。其实在前年的这个时候，我就有用过这个sortable组件，那时候搞了个个人网站（可惜后来关了），首页就用到了这种拖拽的效果。当时也就从jquery的官

by zhangxinxu 2010-12-08 15:22jQuery万能浮动框插件测试源文件下载.zip 17.2k一、加载页面上元素默认rel加载HTML代码：<a id="trigger1" href="javascript:;" rel="targetBox&quo

一、这是什么样的一个插件浏览器默认的右键选项有时候并不是我们所需要的，我们希望浏览器的右键选项菜单更智能，可以灵活自定义。比较有代表性的就是web QQ，例如下面截图：QQ邮箱中也是有此功能。显然这种东西貌似还是蛮强大与实用的，于是我就抽空写了个可以右键自定义上下文菜单的jQuery插件 – smartMenu，直接一行代码绑定，就可以让我们轻松实现页面元素的自定义上下

通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquer

jQuery新闻上下滚动插件(带按钮)jQuery下拉框美化插件jQuery旋转木马JQuery 仿手机滑屏效果JQuery网页换肤jQuery图片左右滚动jquery图片左右连续滚动jQuery实现页面滚动时层智能浮动定位jQuery仿淘宝店铺浮动层上下滚动固定效果插件jQuery tab选项卡插件(可多次使用)jquery图片横向左右滚动效果（带按钮控制

1、jquery可拖动弹出层插件点击弹出层插件jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果，可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层插件。查看演示>>        下载地址2、jquery弹出层插件点击弹出层可拖动特效jquery弹出层插件点击按钮背景淡隐淡现显示弹出层，当鼠标滑动标题时，可以拖动整个弹出层，点

一、插件功能简述能让任意列表形式的内容依次淡入淡出切换显示，或是上下切换显示。内容可以是文字，图片等。支持各式标签，列表标签ul,li或是div，p标签都可以。可以非常轻松的实现诸如新闻或公告内容的自动随机切换显示，或是图片幻灯片的播放显示等。下图展示的是图片幻灯片切换的过渡阶段:您可以狠狠地点击这里：demo实例页面二、使用方法简述1、关于jQuery的使用

jCarousel是一款历史悠久，功能强大的图片或文字等列表内容滚动切换显示的插件。以下是关于此插件的一些讲解与说明。jCarousel – jQuery下的滚动切换传送插件翻译: 张鑫旭作者: Jan Sorgalla版本: 0.2.3 (更新日志)下载: jcarousel.tar.gz或jcarousel.zip(英文原版)，或是jcarousel_z

中文项目地址：http://www.zhangxinxu.com/jq/pagination_zh/原项目地址：http://plugins.jquery.com/project/pagination版本：v1.2源文件下载：英文原版 或中文翻译修改版翻译：张鑫旭一、相关demo基本demo页面Ajax demo页面参数可编辑demo页面二、简介与说明

本文地址：http://www.zhangxinxu.com/wordpress/?p=854一、生孩子的理由对于“意外怀孕”这样的事我是绝对不会做的，所以，写此算不上插件的（很鸡毛蒜皮的功能）的插件是有缘由的。设计师设计的了一个有很多数据提交的页面，显然，会有很多的表单，显然会有很多的提示，像是“老湿，你只能输入5个字”，或是“请输入你的真实姓名”，这非常的常见，“擦擦擦”（拟声

« CSS3 box-shadow实现纸张的曲线投影效果CSS box-flex属性，然后弹性盒子模型简介 »jQuery powerFloat万能浮动层下拉层插件by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1328一、写插

tipswindow是一个很一般的JQuery弹出层插件，但使用简单，有相对漂亮的外观，代码比较通俗。下面介绍使用方法：1、首先引入该插件相关文件，分别是样式，JQuery库，该插件    link href="tipswindown.css" rel="stylesheet" type="text/css" />    script src="../Contents/JS/j

jQuery允许您创造时尚而又用户体验友好的网站，不仅看起来悦目，而且他轻量级的大小负荷使网站响应相当迅速。这是jQuery在Web开发领域如此受重视的原因。今天分享给大家一些非常棒的的jQuery插件拖放功能。有了这些插件，你会允许你的访问者个性化的网站和它的工具，根据自己的需要，并以这种方式，你提供定制选项的负载展现方式jQuery mb.containerPlus（演示 | 下载

顶0踩jQuery模仿的QQ投票效果标签：poll 投票 jQuery代码片段(3)[图片] poll.jpg[文件] jQuery.spider.poll.rar ~ 31KB    下载(2308)[代码] js代码view sourceprint?

最近发现很多人都在用jqgrid，感觉蛮好玩的，所以自己动手写了个例子。本文参考了http://blog.csdn.net/gengv/category/637232.aspx，在此要感谢这位师傅，直接贴代码：一、表现层主要代码1.index.jsp<%String path = request.getContextPath();String basePath = requ

1.thickbox      目前用的比较多的，最新版本是thickbox3.1 下载地址：http://jquery.com/demo/thickbox/#examples    2.colorBox 官方网站：http://colorpowered.com/colorbox/ 下载地址：http://colorpowered.com/colorbox/colorbox.zip 演示实例:http://colorpowered.com/colorbox/core/example1/index.html 

一、所需jar包二、index.jsp其中jquery-1.4.2.min.js和jquery.form.js需要网上自己去下载<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() +

测试页面 »使用该jQuery插件要想使用该jQuery插件，需要把$(selector).boxy();放在document.ready中。使用合适的选择器表达式替换这里的"selector"，例如："a[rel=boxy],form.with-confirmation"。这会给匹配的元素附加一些行为，如下：一个href属性中如果锚点包含#，则此锚点相对应的ID的DOM元素的内容就会被添加到boxy对话框中。如果href锚点内容为其他一些东西，则会试图使用Ajax载入其对应的内容。理想情况下，我们有相同的

最近项目需要用到树形结构 从网上搜了下找到了dtree .但是应用的时候为了提高用户的可操作性要给dree加上右键.决定用jquery右键插件. 具体整合如下： 下载dtree 和右键插件 引用需要的js文件和css

概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJ

jquery二级树形菜单

jquery学习笔记(1)-----简单导航栏

中文汉化版，官方只有英文的。同时根据中国国情修改了部分验证规则。 这个插件支持大部分的浏览器，但由于有使用到了css3的阴影和圆角样式，所以在IE浏览器下无法看到圆角和阴影效果（万恶的IE）。官方下载地址：http://www.position-absolute.com/arti

顶0踩都是基于JQuery 实现的，当鼠标悬停在图片或文字上时，不滚动，鼠标离开时，继续循环滚动。 第一个：文字纵向循环滚动 （图 text.jpg） 第二个：图片文字垂直方向循环滚动 （ marque.jpg） 第三个：图片文字水平循环滚动（见源代码附件）  在线演示地址： http://www.cslou.com/ 标签：jQuery

顶0踩分享一个用JQuery 实现的可展开收缩的右侧悬浮QQ在线客服代码 源代码见附件 在线演示： www.cslou.com 转载请注明出处　本代码仅限于学习交流，请勿用于商业用途!   标签：jQuery代码片段(3)[文件] 可展开收缩的悬浮QQ在线客服代码.rar ~ 68KB    下载(423)

主要有关网页常用的对话框系列开发使用。如需要完善此类插件，请留言并继续跟踪。 后期会添加使用说明文档，在代码部分以提示，参数配置可见源码。   Aerodialog v0.3最新版本。·                                [2012-04-01] Aerodialog v0.2 版本发布·    - [发布] 第一次在开源网站发布此插件。

选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。  本文已经同步至我的个人博客站点：积累吧|jQuery选

本文带来 14 款基于jQuery的实时搜索（自动完成）插件，可以为你的页面和表单添加一些实用的功能。 1. Live Search 2.0 该插件可以将一个普通的输入框转换成一个实时AJAX搜索部件。可以以任何你喜欢的HTML形式来显示结果，搜索结果根据用户输入内容实时更新。 源码 + 演示 2. searchbox 该插件可以将任何文本框

交互式图表是Web应用中不可或缺的一部分，一个优秀的图表，不仅可以令数据一目了然，而且可以极大地增强应用的用户体验。 本文带来10个非常酷的JavaScript图表库，有简单的也有复杂的，以满足不同的需求。 1.  Cubism.js 一个基于D3.js的插件，可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，

jQuery下滑效果  /*css也是重要的*/ #container { height: 540px; width: 358px; overflow: hidden; } /*外面容器高度为400px，超过时不显示*/ #container p { border: 1px dotted #333366; padding: 10px; margi

jquery学习笔记(3)-----jquery与其它库冲突解决