Embedded help system 看过该插件demo后，感叹道，真是太棒了！ 点demo里的How to下面的几个链接看看效果:)Embedded Help System如其名，能将帮助信息集成到网页中，告诉用户一步一步怎么操作，易用性非常好！jRating 评分插件 jRating 是一个ajax评分插件，得益于插件的众多options和方法，它非常简单易用 ！比如，你可以设置五角星的数量或者最大的得分等。 jNotify- jQuery Plugin使用jNotify你可以只需要一行代码就能显示提示...
应朋友的邀请，帮他公司做一个幻灯播放效果，效果如下： 缩略图正中间的为当前播放到的图片，两边呈发散状，逐渐缩小并降低透明度。假设当前正播放到第０张图片，则排列情况如下： ０ １ ４ ２ ３ 按逆时针方向转一张图后的排列情况如下： ４ ０ ３ １ ２ 这个只是缩略图的播放效果，缩略图轮转时，后面有对应大图跟着从右到左滚进，并且大图进入的速度要对应着缩略图轮...
英文链接：http://desizntech.info/2011/01/10-must-see-new-useful-jquery-plugins/ 1.Shadow Animation背景动画，支持淡入淡出效果，可惜ie不支持，火狐和谷歌浏览器能正常运行。 2.jQuery Quick TipjQuery快速提示插件。3.uGallery – Tiny and Clean Image Gallery 用户浏览图片的插件。 4.ezColumns 动态列插件 5.slideMosaic 有点像七巧板的感觉的插件 6.Modalpop 弹出窗提示插件 7.jQuery File Upload jQuery文件上传插件...
下面是html测试代码： 代码如下: autoComplete .autoComplete {margin:8px;position:relative;float:left;} .autoComplete input{width:200px;height:25px;line-height:25px;margin:0;padding:0;} .autoComplete ul{z-index:99;padding:0px;margin:0px;border:1px #333 solid;width:200px;background:white;display:none;position:absolute;left:0;top:28px;} .autoComplete li{list-style:none;} .autoComplete li a {displ...
目前实现如下功能： 1 最基本需求，根据当前文本框字符取出适配数据 1.1 支持同一页面多个元素调用本插件 1.2 必需的参数是url 1.3 对于连续不断地输入，会把之前的ajax请求全部取消，避免造成服务器无谓的压力（图4） 1.4 最基本调用$("myel").autoCmpt({url:"url"});2 空关键词查询开关(emptyRequest)，打开则鼠标点在输入框内即出现提示（当下拉列表用），默认为true（图1）3 支持关联查询，即当前文本框的提示结果可依据页...
使用该jQuery插件 要想使用该jQuery插件，需要把$(selector).boxy();放在document.ready中。使用合适的选择器表达式替换这里的"selector"，例如："a[rel=boxy],form.with-confirmation"。这会给匹配的元素附加一些行为，如下： 一个href属性中如果锚点包含#，则此锚点相对应的ID的DOM元素的内容就会被添加到boxy对话框中。 如果href锚点内容为其他一些东西，则会试图使用Ajax载入其对应的内容。理想情况下，我们有相同的起源检查和...
Creative Radical Web Typography Lettering.js是一个轻量经的、易于使用的jQuery插件，可创造出极具个性的网页排版，是2010年最佳jQuery插件之一。 New FancyMoves Jquery Product Slider Jquery Product Slider是一款效果很不错的产品幻灯片插件。Jquery Space Gallery Jquery Space Gallery是一款很有空间感的图片库插件。Fancy Thumbnail Hover Effect 这是一款非常不错的Hover效果插件。Jquery Inline Form Validation 这是一...
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是介绍两个最常用的jQuery插件. 分别用于表单验证和自动完成提示(类似google suggest). 二.前言 研究别人的作品真是一件花时间而且痛苦的过程. 当然也和本人英文不好有关. 总觉得控件作者写了很多文档但是都不够系统, 需要深入研究很多的实例后才能了解作者的思路.所以学习和研究一个插...
代码如下: (function($) { /** * 取得浏览器视图的宽度 */ $.viewWidth=function(){ var w = 0, D=document; if( D.documentElement && D.documentElement.clientWidth ) { w = D.documentElement.clientWidth; } else if( D.body && D.body.clientWidth ) { w = D.body.clientWidth; } return w ; } /** * 取得浏览器视图的高度 */ $.viewHeight=function(){ var h = 0, D=document; if(document.compatMode!=CSS1Compat){ h = D....
言归正传，以下是全文。 先附上两张最简单的效果图。首先编写简单的HTML代码。用作tabs的UL标签和包含内容的p标签。 海阔天空光辉岁月真的爱你简单起见，我只写三个。 今天我，寒夜里看雪飘过。怀着冷却了的心窝飘远方……仍然自由自我，永远高唱我歌，走遍千里。 钟声响起归家的讯号，在他生命里仿佛带点唏嘘……自信可改变未来，问谁又能做到。 无法可修饰的一对手，带出温暖永远在背后……请准我说声，真的爱你。 所有外观不用图...
代码如下: /** * jQuery插件 * Author: purecolor@foxmail.com * Date : 2011-02-25 * Params: * defaults:{ currentClass:当前样式, trigger:触发方式, callBack:回调函数, auto:是否自运行, detay:延迟时间, index:当前位置 * } * Return: null * Note : Tab选项框插件 * */ (function($){ $.fn.extend({ tabBuild:function(options){ return $(this).each(function(){ var defaults={ currentClass:"currentOne", trigger:"mous...
从网上下载来的版本多多少少都有些BUG，尤其是加载后在IE6和IE7下图片闪动是个大问题，在网上查了很久，也没有找到相关的解决方案。没解决方案，就得发挥咱DIY的精神，自己想法解决，分析了BUG，理了理思路，结合前段时间我做弹出窗口特效的方法，解决了Jquery.LazyLoad.js的兼容问题，现将思路和方法与大家分享一下。 解决思路大致是两点，一是从LazyLoad本身的滤镜参数下手，发现有一个参数在IE6和IE7是可以用的，就是show，那么...
一、效果图：tips源码下载 http://xiazai.jb51.net/201103/yuanma/jquerynewslist.rar二、jquery源码: 代码如下: (function($){ $.fn.extend({ newsList:function(options){ var defaults ={ actName:li, //显示条数名； maxShowNum:6, //最多的显示条数； actNameH:28, //一次移动的距离； ulClass:.ul_news_list, //被复制层的class copyUlClass:.ul_news_list2, //复制层的class autoTime:1500, //自动运行时间； clickGoUpC:....
原理很简单： onmouseover、onmouseout执行业务代码时使用setTimeout进行延时，第二次触发的时候先清除掉前面的setTimeout。 原理 代码如下: var timer; document.getElementById(test).onmouseover = function () { clearTimeout(timer); timer = setTimeout(function () { alert(over) }, 150); }; document.getElementById(test).onmouseout = function () { clearTimeout(timer); timer = setTimeout(function () { alert(out...
为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进，onload完毕后才显示原图。我以前用onload写过一个小例子：http://www.planeart.cn/?p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应，无需等待img加载，代码如下： 代码如下: // jQuery.autoIMG.js v0.2 // Tang Bin - http://planeArt.cn/ - MIT Licensed (function ($)...