随笔分类 - jQuery Ui
摘要:Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.Lazy Load 灵感来自 Matt Mlinac 制作的 YUI ImageLoader 工具箱. 这是演示页面.这里有几个可用的 demo 页面提供给那些匆忙的人参考: 基本选项, 淡入展示效果, script 脚本缺失的
阅读全文
摘要:var cal; var isFocus=false; //是否为焦点 var pickMode ={ "second":1, "minute":2, "hour":3, "day":4, "month":5, "year":6 }; var topY=0,leftX=0; //自定义定位偏移量 2007-02-11 由 寒羽枫添加 //选择日期 → 由 寒羽枫 2007-06-10 添加,通过 ID 来选日期 function SelectDateById(id,strFo
阅读全文
摘要:stop 是jQuery中用于控制页面动画效果的方法。运行之后立刻结束当前页面上的动画效果。stop在新版jQuery中添加了2个参数:第一个参数的意思是是否清空动画序列,也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果,一般为false,跳过当前动画效果,执行下一个动画效果;第二个参数是是否将当前动画效果执行到最后,意思就是停止当前动画的时候动画效果刚刚执行了一般,这个时候想要的是动画执行之后的效果,那么这个参数就为true。否则动画效果就会停在stop执行的时候
阅读全文
摘要:Slides – 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多选项。用Slides插件,你可以随机播放幻灯片,设定那一套您想要开始幻灯片。它附带充分的说明和示例。DEMO地址:http://slidesjs.com/官网地址:http://slidesjs.com/下载地址:http://slidesjs.com/downloads/slides.zip基本的HTML结构[html] view plaincopySlide1Loremipsumdolorsitamet,cons
阅读全文
摘要:Common.js是官方自带的,我没改过它,所以不可能出错,所以问题就应该是两者冲突了。导致的结果我也发现了,前台的DIY功能不能用了。 我还花了很多时间在那里研究冲突的地方,后来还是没能解决。之后我去网上搜索“Discuz! jQuery”,果然有文章写两者冲突的事情。其实19楼那里下载下来的js就是一个jQuery,只是后面外加了一些function。解决办法有,但 我试了没用,可能是我一开始没有看懂。文章如下: DiscuzX1.5在static/js/common.js中的某一行的内容如下: function $(id) { return !id ? null : docu...
阅读全文
摘要:(1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生。 当事件发生后,这个事件就要开始传播。为什么要传播呢?因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件)。 当事件在传播过程中,找到了一个能够处理它的函数,这时候我们就说这个函数捕捉到了这个事件。 说到这里,关键的问题
阅读全文
摘要:插件官方地址:http://plugins.jquery.com/project/pagination插件js源码代码/** * This jQuery plugin displays pagination links inside the selected elements. * * @author Gabriel Birke (birke *at* d-scribe *dot* de) * @version 1.2 * @param {int} maxentries Number of entries to paginate * @param {Object} opts Several o
阅读全文
摘要:1、jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换。查看演示>> 下载地址2、jquery图片切换插件制作图片层叠缩放展示效果jquery图片插件制作图片等比列缩放层叠样式,图片叠加展示。点击层叠最上层的图片依次点击缩放图片层叠缩放切换。查看演示>> 下载地址3、jquery图像幻灯片制作大小图片切换滚动展示jquery图像幻灯片制作多张图片切换展示,小图片滚动切换大图显示,大图切换小图片滚动的jQuery图片幻灯片效果。查看演示>>
阅读全文
摘要:Fancybox的特点如下:可以支持图片、html文本、flash动画、iframe以及ajax的支持可以自定义播放器的CSS样式可以以组的形式进行播放如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片Fancybox播放器支持投影,更有立体的感觉使用方法:1、引入jquery核心库和Fancybox插件库12<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.mi
阅读全文
摘要:继续上一篇文章使用jQuery.Validate进行客户端验证(高级篇-上),本文将继续介绍jQuery.Validate的高级应用——jQuery.Validate的AJAX验证及简单扩展。今天主要介绍的内容有:1、如何使用jQuery.Validate进行AJAX验证?2、默认jQuery.Validate在进行AJAX验证时返回必须是bool类型,如何返回一个对象包括错误消息及验证结果?3、在反复使用jQuery.Validate进行AJAX验证时,总是需要编写相关AJAX参数,可否进行进一步封装?第一点:如何使用jQuery.Validate进行AJAX验证?(具体见High-2.as
阅读全文
摘要:在上一篇使用jQuery.Validate进行客户端验证(中级篇-下)中我介绍了jQuery.Validate在日常使用的过程中会遇到哪些问题及解决办法,今天的高级篇则主要是对jQuery.Validate的一些高级应用进行介绍。本篇主要介绍为以下2点:1、扩展验证规则,jQuery.Validate只提供了一些基本的验证功能,并不能满足我们日常开发的需求,所以我们要为jQuery.Validate扩展验证规则。2、分组验证,在开发的时候有时会遇到的一个问题就是,不同按钮引发不同的验证。首先来介绍下第一点:扩展验证规则,在jQuery.Validate默认的验证规则无法满足我们的日常开发需求的
阅读全文
摘要:jquery.validate.js是jquery下的一个验证插件,功能比较强大,早就有所耳闻但是一只没有动手用过,现在在于能够研究一下了。这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录。 先贴一个国内某大公司的代码: 复制代码 代码如下: <script type="text/javascript"> function lang(key) { mylang = { 'ls_input_myb': '请输入您的账户', 'ls_myb_email': '漫游币账户为邮箱地址', &#
阅读全文
摘要:这款自动完成插件委实太强大了。demo演示了不下于其5种特性。自定义列表项的数据格式(格式化数据)支持本地、远程数据搜索拥有自定义事件完美融合thickbox完备的API和debug支持多选支持email自动完成点此下载(找不到其官方页面,我简要说明下其API,也是自己摸索的,不对的地方请指正。)$("#suggest1").autocomplete(cities);这是最简单的调用方式。接受唯一数据参数:cities(是个数组,详见demo文件夹下的localdata.js)。这是调用本地数据的例子。$("#singleBirdRemote").aut
阅读全文
摘要:1、autocomplete说到jquery的自动完成插件,就不得不说这个autocomplete插件,此插件极为强大…….2、Ajax AutoComplete3、Ajax Autocomplete Script using jQuery4、jQuery Autocomplete Plugin5、AutoSuggest jQuery Plugin严重推荐,样式相当不错。6、Tokenizing Autocomplete Text Entry也是一款非常不错的jquery自动完成插件。7、Facebook Style Autosuggest
阅读全文
摘要:v2.0终于露了尖尖角,文档还没来得及写,Demo先行:http://switchable.mrzhang.me/ ,源码:https://github.com/jsw0528/jQuery.Switchable新浪微博话题(主):http://s.weibo.com/weibo/jQuery.Switchable腾讯微博话题(从):http://t.qq.com/k/jQuery.Switchable无论是拍砖还是咨询,从上面两个地方会最快到达我这。2011-11-15 Update:Download: http://cloud.github.com/download ... itchabl
阅读全文
摘要:jQuery主页:http://jquery.com/ 设计思想 简洁的思想:几乎所有操作都是以选择DOM元素(有强大的Selector)开始,然后是对其的操作(Chaining等特性)。 优点 小,压缩后代码只有20多k(无压缩代码94k)。 Selector和DOM操作的方便Chaining:总是返回一个jQuery对象,可以连续操作。 文档的完整,易用性(每个API都有完整的例子,这是其它框架现在不能比的),而且网上还有很多其它的文档,书籍。 应用的广泛,包括google code也使用了jQuery。 使用jQuery的站点:http://docs.jquery.com/Sites_U
阅读全文
摘要:几个UI框架的比较k: 目前工作中可能会常用到几个UI框架,如Ext: http://docs.sencha.com/ext-js/4-1/#!/example感觉其过于复杂,性能不高,所以一直没有在项目中实践过。YUI: http://yuilibrary.com/Yahoo开发的一套UI框架,可惜不是基于jQuery的。jQueryUI: http://jqueryui.com/demos/tabs/#manipulationjQuery自带的一个可选UI库,但是非常可惜,一些关键的组件没有包含进去,如TreeView,DataGrid,还需要寻找第三方的插件。EasyUI: http:/
阅读全文
摘要:在上一篇文章 《鼠标事件延时切换插件》 中,我已经写了几个简单的延时器的例子,今天突然想到jQuery的自定义动画的animate方法可以使用delay,例如:1$('#foo').slideUp(300).delay(800).fadeIn(400);// 在.slideUp() 和 .fadeIn()之间延时800毫秒。hover是否可以设计一个延时器呢?答案是肯定的。延时操作目的是为了防止用户误触发事件,一般情况下鼠标指针小于150毫秒的停留时间都可以被忽略。其实,如果入侵delay全能让其作用在hover事件上,但是为了避免John Resig不断的折腾jQuery而导
阅读全文
摘要:代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 <!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/xh
阅读全文