需求是:上传一个图片,然后将上传的这个图片进行切割。。。。。。。。首先是jsp页面。页面需要引入js <script src="${fileUrlPrx}/scripts/wap/jquery.min.js"></script> <script src="${fileUrlPrx}/scripts/wap/jquery.Jcrop.min.js"></script>注意几个隐藏域,这些是选中区域的点坐标,与长宽: <input type="hidden" id="x" name="x" value="0"/> <input type="hidden" id="y" name="y" value="0"/> <input type="hidden...
本文以jquery异步获取的数据类型——json对象和字符串为依据,介绍两种方式获取到的结果处理方式。这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。这里首先给出JSON字符串集,字符串集如下:var data="{root:[{name:‘1‘,value:‘0‘},{name:‘6101‘,value:‘西安市‘},{name:‘6102‘,value:‘铜川市‘},{name:‘6103‘,value:‘宝鸡市‘...
1、对折叠面板区域 div 设置 class=”easyui-accordion” 2、在区域添加多个 div, 每个 div 就是一个面板 (每个面板一定要设置 title 属性)。 3、设置面板属性 fit 为 true,自适应父容器大小 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>easyui-折叠面板accordion的使用</title> 6<!-- 导入jquery核心类库 --> 7<script type="text/javascript" src="../js/jquery-1.8.3.js"></script> 8<!-- 导入easyu...
现在对于web页面的开发基本上分工明确,HTML负责页面内容,CSS负责页面的样式, JavaScrtpt负责页面行为。 JavaScrtpt库封装了很多预定义的对象和使用函数,帮助开发者轻松建立高交互性的客户端页面,并且能够兼容各种浏览器。 对JQ的学习首先是通过几个例子来进行的jq 学习,现在对前2个例子中的内容总结下从局部来看待整体。关于对html的css设计这里就不写了。1.JQ选择器JQ要进行操作首选是得到元素的节点,参数为某种css选...
前端 时间个性化 插件 jquery.timeago.js 关键词 :时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前 MM-dd hh:mm 或者 yyyy-MM-dd 前端: <span title="2016-07-23 12:02:32"></span> 用法: $(".time").timeago(); 插件: jquery.timeago.js !function (t) {function e(e) {var n = t.extend(o.settings, e), s = t.proxy(r, this);s(),n.refreshMillis > 0 && setInterval(s, n.refreshMillis)}function r() {var e = n(t...
sanji.php<!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/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../jquery-2.2.2.min.js"></script>
<script src="sanji.js"></script>
<title>无标题文档</title>
</head><body><h1>三级联动</h1><div id="sj"...
<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>jQuery UI 日期选择器(Datepicker) - 默认功能</title><link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"><script src="//code.jquery.com/jquery-1.9.1.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><link rel="stylesheet" href="http://jqueryui.com/resources/demos/sty...
jQuery Ajax: $.post请求实例leyangjun.html页面<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./jquery-2.0.0.min.js"></script>
<script>
$(document).ready(function(){
$("#sub").click(function(){
$.post("leyangjun.php",{name:$("#name").val()},function(data,textStatus){
$("#result").append("data:"+data.name);$("#result").a...
手风琴效果就是内容的折叠与打开,在这个插件中,使用了三种数据来源:1、直接写在DOM结构中;2、将数据写在配置项中;3、从Ajax()中获取数据。在这一版中,各项的切换没有添加动画效果,在下一版中会是有动画效果的。在这个插件中,CSS和JS的配置非常重要,需要特别注意。另外,加个思考,请先看完后再想这个问题:当点击其中某项时,给width直接添加animate是否合适,当快速在其上移动时,如何保证效果?效果图预览插件JS accord...
技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记2 3.3 响应鼠标动作图3-2的效果已经有了,需要鼠标来操作展示想看的照片,这就需要在相应的地方加上事件。3.3.1 响应小照片单击动作在3.2.3的代码里提供了显示小图列表的eg.showThumb()方法,在单击小图片时要显示大图片,这需要调用eg.showBi...
在jqery中有这样一个方法,$.post()下面就这个方法做一个简单的实例:jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求参数:url (String) : 发送请求的URL地址.data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。type (String) : (可选)官方的说明是:Type of data t...
EasyUI 1.4.4 tree控件中,如果是叶子节点,切忌把state设置为closed,否则该节点会加载整个tree,形成死循环例如:json入下:[
{
"checked": false,
"iconCls": "",
"id": "dec",
"pid": "",
"state": "closed",
"text": "test",
"type": "ORG"
}
]
状态改为open或者为空,显示正常 下面给大家介绍easyui tree自定义属性的使用
了解easyui tree组件的童鞋估计都知道tree的node有他自己单独的属性(id,text,iconCls,checked,state,...
代码如下://animationjQuery.extend({ easing: { // ******* back backEaseIn: function (p, n, firstNum, diff) { var c = firstNum + diff; var s = 1.70158; // default overshoot value, can be adjusted to suit return c * (p /= 1) * p * ((s + 1) * p - s) + firstNum; }, backEaseOut: function (p, n, firstNum, diff) { var c = firstN...
很庆幸,我又见到了末日后新升的太阳,所以我还能在这里写文章,言归正传哈,最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家。什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用...
本文主要和大家介绍jQuery实现可兼容IE6的淡入淡出效果告警提示功能,结合具体实例形式分析了jQuery弹出警告提示功能的具体实现步骤与相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。其实我觉得告警提示的话,直接用一个Alert就最好的。开门见山,直接让用户明白你当前系统的意思,关键是Alert这东西就是再破的浏览器都必须兼容,不然你它丫的做毛浏览器啊?但是,在现在越来越觉得Alert不美观,而且开始有“弹窗挺吓人”的...