流程比较简单，主要有以下步骤： 注册插件(按钮、Lang、htmlTags、插件脚本)基于media插件代码修改注册插件 首先，全局配置kindeditor参数：KindEditor.lang({audio : MP3 });KindEditor.options.htmlTags[audio] = [src,controls,autoplay,type];KindEditor.options.htmlTags[source] = [src,controls,autoplay,type];在初始化编辑器的地方，配置按钮列表items参数，把 audio 放在合适的位置：KindEditor.ready(function(K) { edi...
默认情况下，生成的页面代码可能与下面的代码类似： 代码如下: IRERTranscript html, body { height: 100%; overflow: auto; } body { padding: 0; margin: 0; } #silverlightControlHost { height: 100%; text-align:center; } function onSilverlightError(sender, args) { var appSource = ""; if (sender != null && sender != 0) { appSource = sender.getHost().Source; } var errorType = args.ErrorType; var iErr...
有时候在设计表单时需要对文本框实现数值自增或自减功能，例如默认为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事件的处...
现在Javascript框架、控件库有很多，jQuery、Ext、prototype、MooTools、Dojo等等，这些都是在Google上搜索“javascript+framework”列在第一页的。其中，除了MooTools，其它的都有所了解，但只在项目中用过Ext和Dojo。但一直不太喜欢Ext，性能有问题，新的版本还收费了。 另外，Ext官方提供的例子都是用JavaScript来创建和初始化控件，一个JavaScript配套一个HTML来用，这样管理起来很混乱。而且官方例子是Best Practice，所以不太...
具体思路就不说了,比较常规, 代码中也有注释. 使用方法也不费话了, 就是一个简单的全局函数封装, 不懂的看下源码中注释或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基类含有一个重要的属性‘...
代码如下: var gb1 = 10; this.gb2 = 20; function gb3() {}; (function() { var ro = RuntimeObject(), ret = [], for(p in ro) { ret.push(p); } alert(global var List: + ret.join(\n)); })();
代码如下: var ReturnCallBack = function(){ //CODE return true; } 代码看起来太悬了，怎么好象多了一个onreturn事件。。。 说说我这做的一个原因吧.因为框架里在验证API中，我该做的都帮别人做了，只是有一些东西经常要变化的，比如验证一个checkbox是否可以选中，又要分不同的情况下去验证，这些情况也是经常变的，市场怎么需要就怎么变。所以我就把验证checkbox是否可以选中这一类经常变化的工作交回给开发当前项目的人去...
例子：给链接中含用“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类的...
前些天我们学生在线首页改版，要做一个工具栏，由于版面的限制，原先策划的很多工具只好安排在一个小区域里面，具体效果如下：当然，这样的效果，用html自带的控件也可以实现。不过自定义的话就可以自己设置滑动条的样式啦，比如说设为红色、蓝色等，按钮形状也可以自己做啦。 需要实现的效果是，这些工具一次最多在可见区域显示9个（这里假设工具项总数多于9个，不满9个的话，将来也很有可能扩展到9个），点击上下的按钮即可将可见...
开始想当然地认为可能像php或python等语言中一样 js 代码 代码如下: function test(a,b="er"){ alert(a + b ); } 可是，定义完之后一直在报错:缺少对象.经过查询才发现,javascript中的确不能这样定义,可以借肋于arguments 是实参数组，参考下例: js 代码 代码如下: function Test(a) { var b = arguments[1] ? arguments[1] : 50; return a + ':' + b; } alert(Test(5)); alert(Test(5,9)); 测试后，果然成了。看来万事都有其...