动画 animate() 01.animate()方法的简单使用 有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就是强大的animate方法了。 操作一个元素执行3秒的淡入动画，对比下一下2组动画设置的区别。$(elem).fadeOut(3000) $(elem).animate({ opacity:0 },3000) 显而易见，animate方法更加灵活了，可以精确的控制样式属性从而执行动画。语法：1 .animate( properties [, duration ] [, easing ] [, complete ] )...
一般来说，Select下拉框只能选择，不能用来输入内容。当下拉框没有要选择的信息项时，则需要手动输入。实现思路：通过select与text文本框的结合，具体实现是通过将text文本框覆盖到select下拉框上，只露出三角形部分，再通过onchange()点击函数，给文本框赋值。具体代码如下所示<p style="position:relative;"><span style="margin-left:100px;width:18px;overflow:hidden;"><select id="DanWei" style="width:235px;margin-left:-...
JavaScript为我们提供几种对话框功能，但功能都十分有限；虽然在IE下可以通过模式窗体的方式创建更丰富的对话框功能，但毕竟只有IE得到支持。为了得到更丰富的自定义对话框功能，于是用JQuery编写了一个对话框插件；只需简单地引用相关JavaScript就能得到丰富的自定义对话框功能。 插件功能特点: 允许通过CSS进行外观控制。 可以任意把面页的元素作为对话框显示。 当对话框激活时，对话框外的任何元素不能接受...
为了得到更丰富的自定义对话框功能，于是用JQuery编写了一个对话框插件；只需简单地引用相关JavaScript就能得到丰富的自定义对话框功能。 插件功能特点: 允许通过CSS进行外观控制。 可以任意把面页的元素作为对话框显示。 当对话框激活时，对话框外的任何元素不能接受鼠标操作。 对话框可以在工作区范围内任意移动，根据工作区大小自适应居中功能。 并不需要编写复杂的JavaScript,通过简单HTML属性描述即可。 经过测试插件可以在Fi...
客户端用一个html页面调用一个ashx文件（一般http处理程序），返回 json格式的自定义对象： html: 代码如下: ajax测试 $(document).ready(function(){ $("#Button2").click(function(){ var url="handler.ashx?&name="+$("#Text1").val()+"&age="+$("#Text2").val(); $.get(url,function(result){ var obj=eval("("+result+")"); alert("姓名："+obj.Name+"\n"+"年龄："+obj.Age); }) }) }) 姓名：type="text" />年龄： t...
但必须知道，这些插件不是自己凭空产生的，它们是由开发人员编写、测试并完善的，这些人员为 jQuery 社区奉献了自己的业余时间。我们做这些都是免费的，是出于对自己代码的热爱。本文主要关注您如何回报这个伟大的社区，即如何编写自己的插件并上传到 jQuery 的插件页面。这可以让所有人使用您创建的插件，可以让整个 jQuery 开发社区变得更好。今年您也做出自己的贡献吧。 在编写本文中的插件时，我发现插件的创建过程以及用来创...
最近在项目中要实现一些自定义效果，例如右键菜单、全选、不连续选择等等，个人认为主要是理清楚逻辑和事件关系。要实现这些，也有现成的插件可以用，如jQuery UI的selectable。 1、右键菜单 当浏览网页时，单击鼠标右键（或ctrl+触模板左键）会出现浏览器默认的右键菜单项，就像这样子的：但是当要对某个元素自定义右键，像这样子的：就必须得先禁用浏览器默认的菜单，需要监听contextmenu事件，关键代码如下：$(function(){$('#b...
有时候在设计表单时需要对文本框实现数值自增或自减功能，例如默认为1，点击向上按钮键则增加指定步长值，点击向下按钮键则减少指定步长值，使用jQuery插件jQuery Spin Button只需要几行代码就可实现该功能，效果如下图 使用说明 一，需要使用jQuery库文件和jQuery Spin Button库文件(目前版本1.1.1) 素材准备 上下按钮图片,默认路径为:/img/spin/,上下按钮图片命名为:spin-button.png,可进行自定义修改 实例代码 一，包含文件部分...
后来发现还不错。不如继续写下去。 这个版本基本上跟jquery的animate一样了。 我是说效果基本上一样了。（效率还没测试过。）； 如果有专业测试人员 帮我测试下。 1：功能说明 兼容主流浏览器。 1：支持回调函数； 2：支持级联动画调用； 3：支持delay动画队列延迟； 4：支持stop停止动画； 5：支持opacity透明度变化； 6：支持+= -= *= /=操作； 7：支持单位操作(px, %); 2：使用说明 jelle(A).animate(B, C, D); A:需要...
知识要点： 1，自定义事件custom events及事件的订阅 2，trigger、bind、unbind方法的使用 3，带命名空间的自定义事件 将下面内容粘贴至txt文档后再直接粘贴至firebug的控制台，运行看看。 代码如下: /* JQuery自定义事件的应用-Javascript OO 有一帅哥叫Levin，在某公司前端设计部工作，他的主管是大帅哥A，经理是大美眉B。 领导们希望可以抽空瞄瞄这家伙每周的工作情况，于是。。。 Levin每周一要用google doc写一份关于上周工作...
恰好偶最近负责的一个可视化编辑器的开发，其中有些地方便应用了JQuery的自定义事件，而且达到了很好的效果-精简代码的同时充分利用了OO的原则。 本文以我实际应用开发过程中遇到的一个例子进一步说明“什么时候用JQuery的自定义事件以及怎么用”，希望可以抛砖引玉，同时权且当是回复同学们的邮件了。 Demo-Ingenious JQuery custom event JQuery最佳实践-精妙的自定义事件 问题：一个复选框X，你如何便捷地触发它的click事件的处...
具体思路就不说了,比较常规, 代码中也有注释. 使用方法也不费话了, 就是一个简单的全局函数封装, 不懂的看下源码中注释或Google . 另外, 有兴趣的朋友,可以尝试在本插件基础上改一个可输入的下拉列表. 思路差不多,哈. 演示及代码: 演示代码 代码下载运行代码: 用dl模拟实现可自定义样式的SELECT下拉列表@Mr.Think /*reset css*/ body{font-size:0.8em;letter-spacing:1px;font-family:\5fae\8f6f\96c5\9ed1;line-height:1.8em} ...
IE下效果 Firefox或其它浏览器效果 代码 代码如下: //版权 酷车中国 www.kuchechina.com //作者 逐月 zhuyue.cnblogs.com //演示 http://www.kuchechina.com/carstools/Default.aspx jQuery.fn.toolTip = function() { this.unbind().hover( function(e) { this.t = this.title; this.title = ; $(body).append( + this.t + ); var tip = $(p#p_toolTip).css({ "position": "absolute", "padding": "10px 5px 5px 10px", "left"...
如何开始使用 首先用$.widget()方法开始定义你的组件，它只接收三个参数：第一个是组件名称，第二个是可选的基类组件（默认的基类是$.Widget），第三个是组件的原型。 组件名称必须包含命名空间，要注意的是，官方组件的命名空间是以‘ui'开头的，比如:‘ui.tabs'。我在下面的用‘我'的拼音(‘wo')。 代码如下: $.widget("yourNamespace.yourWidgetName",[yourBaseWidget],yourWidgetPrototype) $.Widget基类含有一个重要的属性‘...
例子：给链接中含用“wangorg"字符的链接文字加粗 css: 代码如下: .abold{ font-weight:bold; } html: 代码如下: $(document).ready(function(){ $(a[href*=wangorg]).addClass(abold); }) 属性选择也可以用组合方式： $('a[href^=http] [href*=wangorg]').addClass('abold') 自定义选择符是JQUERY添加的独有的完全不同的选择符，语法与CSS中的伪类选择符语法相同，即选择符以一个冒号（：）开头。 如：从匹配的带有wangorg类的...