最近的文章列表
- jQuery头像裁剪 Image Cropper 生成图片
- 实现原理:这是一个基于jQuery UI的图像裁剪前端脚本。 利用Draggable和Resizable两个插件让虚线框可移动可缩放,并且设置相关参数移动界限、初始大小和位置、等比缩放、事件。 给大图加CSS透明度,于是它就灰了。虚线框内清晰图其实就是CSS背景background。以大图左上角为原点,计算出虚线框左上角的坐标offset(就叫坐标吧- -|)。虚线框的坐标值跟背景图position值刚好相反。当移动或缩放时计算一下,然后改变背景图的位置position
- 2010/12/28 Comments:jQueryJS Widget
- IT年度最受欢迎的10 个JavaScript 库/JS框架
- 基本上听过,但是一半都没用过%>_<%转自:http://hi.baidu.com/woaidelphi/blog/item/a8dabeb513bce2c337d3ca23.htmlJavaScript 是 Web 开发与设计中不可或缺的东西,不管是一个简单的网页还是一个专业的站点,也不管你是高手还是菜鸟,如今 JavaScript 库越来越强大,可以胜任许多复杂的工作,然而同时,人们在众多 JavaScript 库面前又觉得无所适从,本文,我们将使用 Google 搜索出排名前 10 位的 JavaScript 库,并对它们逐一进行介绍。1. jQuery: The Write Less, Do More, JavaScript LibraryjQuery 是一个很新的 Ja
- 2010/12/14 Comments:JS Widget插件
- 禁止文本框粘贴功能和右键菜单功能【支持IE、Mozlla、Firefox等】
- 在输入密码框时,为了更安全,常禁止粘贴复制或右键菜单,下边就来用用:代码:<body><script type="text/javascript">//not IE is requiredfunction fncKeyStop(evt){ if(!window.event) { var keycode = evt.keyCode; var key = String.fromCharCode(keycode).toLowerCase(); if(evt.ctrlKey && key == "v") { evt.preventDe
- 2010/12/10 Comments:Javascript ErrorJS Widget
- AJAX(XMLHttpRequest)跨域请求(三)
- SyntaxHighlighter.config.clipboardSwf = ’/Js/Syntax/clipboard.swf’;SyntaxHighlighter.all(); 注意:以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。3,带验证信息的请求身份验证是Web开发中经常遇到的问题,在跨域请求中,默认情况下是不发送验证信息的。要想发送验证信息,需要进行withCredentials 属性,下面就是一个简单请求的例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w
- 2010/12/10 Comments:AjaxJS Widget
- AJAX(XMLHttpRequest)跨域请求(二)
- 注意:以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。 2,预检请求预检请求首先需要向另外一个域名的资源发送一个 HTTP OPTIONS 请求头,其目的就是为了判断实际发送的请求是否是安全的。下面的2种情况需要进行预检:a,不是上面的简单请求,比如使用Content-Type 为 application/xml 或 text/xml 的 POST 请求b,在请求中设置自定义头,比如 X-JSON、X-MENGXIANHUI 等注意
- 2010/12/10 Comments:AjaxJS Widget
- AJAX(XMLHttpRequest)跨域请求(一)
- 注意:以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。跨域请求,顾名思义,就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见,比如说通过 style 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script 标签加载外部脚本文件、通过 Webfont 加载字体文件等等。默认情况下,脚本访问文档属性等数据采用的是同源策略(Same origin policy)。那么,什么是同源策略呢?如果两个页面
- 2010/12/10 Comments:JS WidgetAjax
- JavaScript应用框架JsHtaFramework(jsapp)支持云计算
- JsHtaFramework 已经正式命名为 jsapp 项目URL不变:http://code.google.com/p/jshtaframework/下载地址:http://code.google.com/p/jshtaframework/downloads/list JavaScript应用框架,前者的名字是jshtaframework。现在我们称为:JSAPP或JSAPP 6月5日,2009年这个项目开始于2006年10月16日我们计划来支持以下功能:支持云计算… 支持OR-Mapping…支持模板…这是个Javascript框架,有点像Java和例外了(见Exception_improvement) 扩展和实施的支
- 2010/12/9 Comments:JS Widget插件
- 仿Stack Overflow上的编辑器,告诉网站开发人员应该知道的事情
- 在访问Stack Overflow网站时,感觉这个网站很友好,新闻报道说:Stack Overflow做到了Wikipedia(维基百科)做不到的事,它最近挤进了全美前400大网站。在用这个编辑器时,有几点值得站长学习的地方:1.资源共享先来看一段代码:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>相信你也知道是什么意思了,JQuery最近被评选为>repath}articles/?type=detail&id=103">开源大
- 2010/11/28 Comments:JS Widget
- HTML img标签之onAbort、onError、onLoad事件与问题
- img标签在使用的时候 一下几个事件非常的有用:onError:当图片加载出现错误,会触发 经常在这里事件里头写入 将图片导向默认报错图片,以免页面上出现红色的叉叉onLoad:事件是当图片加载完成之后触发onAbort:图片加载的时候,用户通过点击停止加载(浏览器上的红色叉叉)时出发,通常在这里触发一个提示:图片正在加载 很好的利用这3个事件可以在HTML中实现很多图片的功能例如:处理图片加载失败情况:<img src="image/1.jpg" width="258" height="178" onerror="this.src=’images/isets.jpg’" />IMG的onerror自
- 2010/10/13 Comments:Javascript ErrorHtml
- 【拒绝访问】JS拒绝访问错误的产生原因及解决办法
- js报错:拒绝访问 该错误大部分产生在有iFrame的页面。这个时间你需要检查一下2个页面OPEN出来的地址。产生的原因是因为打开页面的地址与当前页面的地址不在一个域内,这样浏览器的安全机制会阻止JS跨域的操作。案例:在一个系统中,使用iFrame包含了第三方(另一个domain的)的页面,两个系统部署在同一台机器上,iFrame包含的页面首页是个登陆界面,在iFrame所在的页面中使用脚本获取登陆界面的内容,并且对用户名和密码域赋值并提交,以实现自动登陆。但是,如果以http://127.0.0.1:8080 来访问系统,该功能正常,以http://www.camnpr.com:8080 访问则会提示脚本错误:拒绝访问。浏览器认为http://127.0.0.1:8080 与http://
- 2010/10/9 Comments:Javascript Error