随笔分类 -  javascript

javascript
摘要:/* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass '-1' as speed if you don't want the char-deletion effect. (don't just put 0) * Example: jQuery("Textarea").textli 阅读全文
posted @ 2011-12-22 18:15 火腿骑士 阅读(220) 评论(0) 推荐(0)
摘要:// //使用方法 //$(文本域选择器).insertContent("插入的内容"); //$(文本域选择器).insertContent("插入的内容",数值); //根据数值选中插入文本内容两边的边界, 数值: 0是表示插入文字全部选择,-1表示插入文字两边各少选中一个字符。 // //在光标位置插入内容, 并选中 (function($) { $.fn.extend({ insertContent: function(myValue, t) { var $t = $(this)[0]; if (document.selection) { //i 阅读全文
posted @ 2011-12-22 18:06 火腿骑士 阅读(295) 评论(0) 推荐(0)
摘要:JS 获取浏览器窗口大小 常用:JS 获取浏览器窗口大小?12345678910111213141516// 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if ((docume 阅读全文
posted @ 2011-12-22 18:04 火腿骑士 阅读(192) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> //滚动插件 (function ($) { $.fn.extend({ Scroll: function (opt, callback) { //参数初始化 if (!opt) var opt = {}; var _this = this.eq(0).find("#scrollDivContent:first"); var lineH = _this.find(".syhybox:first").outerHeight(), //获取行高 line = op 阅读全文
posted @ 2011-12-22 18:02 火腿骑士 阅读(153) 评论(0) 推荐(0)
摘要:json的使用 前后台统一以对象的方式编程 前台插件的介绍jquery.json 插件{jQuery插件}主要方法:$.toJSON(json对象): 将json对象转化为字符串 $.evalJSON(str): 将字符串转化为json对象插件下载: jquery.json-2.3.min.js后台工具的介绍json.net主要方法:将对象转为json字符串:?12User u = new User() { Id = 1000, Name = "小白", Age = 50 }; string returnStr=JsonConvert.SerializeObject(u); 阅读全文
posted @ 2011-12-22 17:59 火腿骑士 阅读(188) 评论(0) 推荐(0)
摘要:翻译原文:http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/.bind(),.live(), 和.delegate()之间的区别并不明显。但是理解它们的不同之处有助于写出更简洁的代码,并防止我们的交互程序中出现没有预料到的bug。基础DOM树首先,图形化的HTML文档能帮助我们更好的理解。一个简单的HTML页面看起来应该像这样事件冒泡(也称作事件传递)(Event bubbling aka event propagation)点击一个链接,触发绑定在链接元素上的click事件, 阅读全文
posted @ 2011-12-22 14:42 火腿骑士 阅读(161) 评论(0) 推荐(0)
摘要:jQuery的.live()和.die() 翻译原文地址:http://www.alfajango.com/blog/exploring-jquery-live-and-die/很多开发者都知道jQuery的.live()方法,他们大部分知道这个函数做什么,但是并不知道是怎么实现的,所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些,但是你意识到.die()了吗?什么是 .live().live方法类似于.bind(),除此之外,它允许你将事件绑定到DOM元素上,可以将事件绑定到DOM中还不存在的元素上,看看下面的例子:比方说当用户在点击 阅读全文
posted @ 2011-12-22 14:40 火腿骑士 阅读(149) 评论(0) 推荐(0)
摘要:文将介绍20个最新的jQuery效果,还有值得一提的是8月份jQuery 发布移动设备版本 jQuery Mobile。 1.Custom Animation Banner with jQuery通过使用jQuery Easing和jQuery 2D Transform插件,创建自定义animation banner。View Demo(查看示例)2.快速反馈表 – jQuery & PHPMartin Angelov 将教你如何快速的创建用于接收来自用户反馈的解决方案,使用到了jQuery, PHP 和 PHPMailer类。View Demo(查看示例)3.Wijmo – jQue 阅读全文
posted @ 2011-12-22 14:09 火腿骑士 阅读(182) 评论(0) 推荐(0)
摘要:Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。官方下载 官方文档 官方演示 首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文件夹,用来存放上传的文件。进行完上面三步后项目的基本结构如下图: 4 Default.aspx的html 阅读全文
posted @ 2011-12-22 14:02 火腿骑士 阅读(159) 评论(0) 推荐(0)
摘要:jQuery XML to JSON Plugin插件是通过用js代码实现将xml文件转换为json格式的数据,方便读取,特别是用ajax读取xml后,对返回的接送格式进行操作非常方便。例如:<xml><site>javachen.com</site></xml>通过jQuery XML to JSON Plugin可以将上面的xml转换为一下json格式:{ site:'javachen.com';}插件使用方法:varxml='<xml><site>javachen.com</site&g 阅读全文
posted @ 2011-12-22 14:00 火腿骑士 阅读(777) 评论(0) 推荐(0)
摘要:jQuery新版本加载json注意事项。jQuery在1.4版本后,采用了更为严格的json解析方式,所以所有内容都必须要有双引号。比如以前{key:”28CATEGORY”,status:”0″}是没问题的。但升级成1.4后,都必须加上双引号:{“key” : “28CATEGORY”,“status” : “0″}如果你的jquery升级了版本后,ajax加载json报错,有可能就是这个原因。 阅读全文
posted @ 2011-12-22 13:59 火腿骑士 阅读(174) 评论(0) 推荐(0)
摘要:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/jQuery的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de的JQueryAutocomplete plugin比较强大,我们就来写一些代码感受一下。jquery-autocomplete配置:<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script><sc 阅读全文
posted @ 2011-12-22 13:00 火腿骑士 阅读(470) 评论(0) 推荐(0)
摘要:实用jquery代码片段集合来源: 我想网发布时间: 2010-08-03 15:38阅读: 880 次原文链接 全屏阅读 [收藏] [1] 实用jquery代码片段集合[2] 实用jquery代码片段集合如何隐藏除了特定选择器下的全部对象Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> $(‘#target div:not(#exclude)’).hide(); //或者 $(‘#target’).children().filte 阅读全文
posted @ 2011-12-22 09:16 火腿骑士 阅读(148) 评论(0) 推荐(0)
摘要:jquery 自定义方法2011-11-24 19:13方法一: jQuery.fn.setApDiv=function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height(); var apWidth=wwidth-$("#apDiv").width(); $("#apDiv").css("top",apHeight 阅读全文
posted @ 2011-12-22 09:05 火腿骑士 阅读(216) 评论(0) 推荐(0)
摘要:做网站时要实现一个功能,就是定时刷新由客人自己下的在线预定订单,然后提醒她们及时处理,正好jquery.messager.js可以帮我们轻松实现此功能,通过定时查询数据库记录,并通过消息插件弹出提醒她们!~~ 首先下载插件:http://files.cnblogs.com/qiantuwuliang/jquery.messager.rar,可以查看压缩包里的demo.htm文件,来了解怎么使用此插件!~~ 1、先将jquery.js 和jquery.message.js文件引到页面文件里 <script type="text/javascript" src=" 阅读全文
posted @ 2011-12-21 17:20 火腿骑士 阅读(217) 评论(0) 推荐(0)
摘要:在WEB(我是在Asp.net环境,相信其它也一样.)开发当中,当你传有中文值的URL(如http://localhost/Test/test.aspx?name=张三),你会发现你通过Request.Questring["Name"]服务器处理时获取的并不是你要的"张三",而是一些奇怪的字符,问题就来了。这时候你可用通过Javascript的window.encodeURIComponent方法转换你的URL,将中文部分转换成encode。贴入javascript实现的方法.functionqs(url){if(window.RegExp&&a 阅读全文
posted @ 2011-12-21 11:14 火腿骑士 阅读(231) 评论(0) 推荐(0)
摘要:超强的jquery极品插件--其它类 posted @ 2009-08-31 15:03 hcb 阅读(276) | 评论 (0) 编辑 | 超强的jquery极品插件--上传类/时间日期类 /虚拟键盘类 /圆角类热 posted @ 2009-08-31 15:02 hcb 阅读(667) | 评论 (0) 编辑 | 超强的jquery极品插件--Form相关类 / 图表类 posted @ 2009-08-31 15:00 hcb 阅读(572) | 评论 (0) 编辑 | 超强的jquery极品插件--导航类 / 验证类 posted @ 2009-08-31 14:59 hcb 阅读( 阅读全文
posted @ 2011-12-21 10:36 火腿骑士 阅读(209) 评论(0) 推荐(1)
摘要:jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend(object);jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是什么东西呢。查看jQuery代码,就不难发现。jQuery.fn = jQuery.prototype = {init: function( selector, context ) {//.... //......}; 原来 jQuery.fn = jQuery.prototype. 阅读全文
posted @ 2011-12-21 10:16 火腿骑士 阅读(163) 评论(0) 推荐(0)
摘要:document.execCommand("BackgroundImageCache",false,true)解决ie6下的背景图片缓存问题 IE6下的背景图片每次使用都会重新发送请求(not 本地),连一个hover效果时候同样的背景图片仅仅位置不同而已,ie6都会再次发送请求,这个令人崩溃的事情需要解决掉:对于ie来说,filter:expression 很强大,能够实现的功能超级多,但是更对于视效率如生命的程序员来说,它的效率不敢令人恭维,所以有人会用css方法实现ie6下背景图片缓存,但是这种人也就是崇拜微软的强大而已,无它,html {filter:express 阅读全文
posted @ 2011-12-21 09:44 火腿骑士 阅读(291) 评论(0) 推荐(0)
摘要:http://dev.iceburg.net/jquery/jqModal/#examplesjqModal Minimalist Modaling with jQueryWhat?jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a "Swiss Army Knife", and makes a great base as a general pur 阅读全文
posted @ 2011-12-21 09:01 火腿骑士 阅读(744) 评论(0) 推荐(0)