一.操作流程 会员点击头像设置,弹出一个层,在层中,有上传图片的按钮,用户点击按钮上传图片,图片在服务器端按大小压缩保存(方便剪切).保存后,在前端显示,然后用户可修剪图片.选择图片区域,点击提交,保存修剪后的图片,图片保存后在当前页面头像区域显示图片. 使用的插件有:弹出层使用lightbox_me插件,上传文件使用blueimp插件,切割图片使用Jcrop插件.插件的使用方法可以看下面的博文: 网站开发常用jQuery插件总结(16)图片修剪插件Jcrop网站开发常用jQuery插件总结(1…

一.使用的插件 一个折叠的功能导航,由Akordeon插件实现.Nanoscroller插件与Tagit插件主要用于美化页面.这里只是测试,其实还可以综合使用其它的插件,例如将Akordeon插件换成菜单插件,而且也可以使用jquery ui,之所以没有使用jquery ui,是因为修改jquery ui 的style对我来说比较复杂,所以没用.还有用户添加分类信息时如果需要弹出一个层,可以使用Lightbox_me插件实现.如用户输入的内容比较多,浏览器可能会有滚动条显示,我们可以使用scro…

jQuery插件综合应用(一)注册   一.介绍 注册和登录是每个稍微有点规模的网站就应该有的功能.登陆功能与注册功能类似,也比注册功能要简单些.所以本文就以注册来说明jQuery插件的应用. jQuery插件的使用非常简单,如果只按照jQuery插件demo中的演示使用,基本上很快就能上手.但是如果按照我们的需要进行操作,还真需要一些技巧.下面会以nanoscroller进行说明. 提到注册功能,无非就是对用户的注册信息进行验证,验证用户输入的注册信息是否合法,在jQuery插件中,valid…

一.介绍 注册和登录是每个稍微有点规模的网站就应该有的功能.登陆功能与注册功能类似,也比注册功能要简单些.所以本文就以注册来说明jQuery插件的应用. jQuery插件的使用非常简单,如果只按照jQuery插件demo中的演示使用,基本上很快就能上手.但是如果按照我们的需要进行操作,还真需要一些技巧.下面会以nanoscroller进行说明. 提到注册功能,无非就是对用户的注册信息进行验证,验证用户输入的注册信息是否合法,在jQuery插件中,validation插件可以实现验证功能.如果用户…

一.介绍 文字内容是每个网站都有的内容,网站在展示文字内容时,总是比图片.视频等富媒体内容要难一些,因为富媒体容易被用户接受.尤其是越多的文字内容越难以被用户通篇的阅读,跳跃式阅读往往是阅读的主要方式. 那么做为站长的我们,该如何使用户轻松阅读我们写的文章,也是非常重要的事情,因为我们发布一篇文章,目的是为了供网友阅读,产生共鸣.如果发布一篇文章没人看,或者看完了也不知道文章在说些什么,那发布文章也没有意义. 为了使用户轻松阅读文章,改进的方面主要有以下3点.1)文章的选题,做为开发人员,可以选…

上一节随笔中,我们已经知道了关于jQuery插件ImgAreaSelect基本的知识:那么现在看一下实例: 首先,要知道我们应该实现什么功能? (1)图片能够实现上传预览功能 (2)拖拽裁剪图片,使其能够显示裁剪后的区域 (3)显示要裁剪区域的坐标 其次,该如何引用该插件呢? 那就具体看一下吧! 第一步:先将样式和文件包引入(根据你自己的位置引入) <!--引入imgareaselect的css样式--> <link rel="stylesheet" type=&qu…

jQuery插件 - Booklet翻书特效教程(一) 一般设置 本文由五月雨恋提供,转载请注明出处. 一.宽高(width/height) 1.自定义大小 $(function(){ // 自定义页面大小 单位默认px 注意不要带单位px! $('#mybook1').booklet({ width:  600,// 不要带单位px! height: 200// 不要带单位px! }); }); 2.百分比 $(function(){ // 自定义页面大小 使用百分比 $('#mybook2'…

请注意!!!!! 该插件demo PHP 的 demo下载  C#.NET的demo下载 需要如下图, 1.鼠标移动到头像DIV时,Ajax获取数据,并让浮动DIV显示出来. 2.鼠标可以移动到上面浮动的DIV.  3.鼠标移出浮动DIV且移出头像DIV时,浮动DIV消失, 第一步,给DIV添加mouseon事件,触发获取数据:这个比较简单,我使用的是通过ajax get:$.get(url, function(data) {.....} 第二步,显示DIV, if(data=='error')…

本讲内容 JavaScript JQuery JQuery插件 实例 JavaScript 前端开发工程师必须掌握的三种技能 描述内容的HTML 描述网页样式的CSS 描述网页行为的JavaScript JavaScript是一门高端的.动态的.弱类型的编程语言,非常适合面向对象和函数式的编程风格 JQuery 站在巨人的肩膀上 JQuery是类库还是JQuery框架? 类库:用来实现各种功能的类的集合 框架:是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法:另一种定义认为…

ajax跨越时默认不带cookie,如果需要带cookie调用,需要设置参数 xhrFields: { withCredentials: true },如: $.ajax({url : "http://www.baidu.com", dataType : 'json', xhrFields: { withCredentials: true }, success:function(data){console.log(data)} }) 但是在使用jQuery插件select2跨域时,在a…