随笔分类 -  jQuery

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

摘要：在介绍这个插件之前，先吐槽一下。这个插件功能很强大。带有的功能有：上传（单个文件或批量文件）,自动上传或点击按钮上传，上传前缩略图显示，判断文件格式，上传前的文件操作，上传时进度条显示等功能。如果你用的是最新的浏览器，那么所有的功能都能正常使用。但如果你或你的用户使用的是ie8（包括ie8）以下的浏览器，那么这个插件对于我们来说就只能使用单文件上传功能。ie9不支持上传前缩略图显示。也就是说这个插件主要是面向ie10+，chrome,firefox新版本浏览器的。但为什么介绍这个插件呢，主要是因为这个插件是html5开发的，修改样式非常简单，不涉及到flash。在头像设置功能或类别需要设置图片 阅读全文

摘要：一、介绍文字内容是每个网站都有的内容，网站在展示文字内容时，总是比图片、视频等富媒体内容要难一些，因为富媒体容易被用户接受。尤其是越多的文字内容越难以被用户通篇的阅读，跳跃式阅读往往是阅读的主要方式。 那么做为站长的我们，该如何使用户轻松阅读我们写的文章，也是非常重要的事情，因为我们发布一篇文章，目的是为了供网友阅读，产生共鸣。如果发布一篇文章没人看，或者看完了也不知道文章在说些什么，那发布文章也没有意义。为了使用户轻松阅读文章，改进的方面主要有以下3点。1)文章的选题，做为开发人员，可以选择 工作中遇到或解决的问题，或学习的内容做为文章的主题。2）写作技巧，怎样写文章，写文章注意的事项，从小 阅读全文

摘要：实现折叠菜单，可以完全不使用插件。如果使用jquery的话，实现起来也比较简单，我们只需要定义折叠菜单的样式，然后使用jquery中的渐隐渐现就可以了。如果我们自己写折叠菜单，可以方便的使用我们自己的样式。如果我们使用jquery插件，需要根据插件的设计来定义样式，其实就是修改插件的Akordeon默认样式。在这里既然写的是jquery插件，也就把折叠插件Akordeon算进去了。Akordeon插件定义了很多固定的样式，如折叠菜单的高度宽度等。我在测试时，简单的修改了插件默认的样式，自定义的样式仍然使用的是覆盖的方式。其实在项目开发中，如果需要使用这个插件，完全可以修改Akordeon插件自 阅读全文

摘要：一.Tagit插件功能提高网站交互性，增加用户体验。至于其它的功能，还真没有。用一个input text就可以替换了它。但是text没有输入提示功能，而tagit拥有这个功能。官方示例如下图：将关键词标签化，成为一个整体。方便删除与浏览。二.Tagit官方地址http://aehlke.github.io/tag-it/官方地址上有使用说明，也有用例。用例的颜色搭配也可以选择。不过选来选去也就是这几种，Tagit插件使用jqueryui，所以jqueryui提供的样式也兼容。jqueryui也是jquery的插件，提供了功能非常的界面元素。jqueryui也提供了一些样式供我们选择，但是选来选 阅读全文

摘要：一、介绍注册和登录是每个稍微有点规模的网站就应该有的功能。登陆功能与注册功能类似，也比注册功能要简单些。所以本文就以注册来说明jQuery插件的应用。jQuery插件的使用非常简单，如果只按照jQuery插件demo中的演示使用，基本上很快就能上手。但是如果按照我们的需要进行操作，还真需要一些技巧。下面会以nanoscroller进行说明。提到注册功能，无非就是对用户的注册信息进行验证，验证用户输入的注册信息是否合法，在jQuery插件中，validation插件可以实现验证功能。如果用户的信息合法，只需要用户同意“网站的协议”，就允许进行下一步操作————注册。“网站的协议”显示方式有多种， 阅读全文

摘要：网站开发过程中，为了增加网站交互效果，我们有时需要在当前页面弹出诸如登陆、注册、设置等窗口。而这些窗口就是层，弹出的窗口就是弹出层。jQuery中弹出层插件很多，但有些在html5+css3浏览器下，支持完美。而在例如ie8一下的浏览器下显示不出应有的效果。例如jquery.avgrund插件在ie8下就无法显示。本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器。1.Lightbox_me插件功能用于显示弹出层2.Lightbox_me官方地址http://buckwilson.me/lightboxme/在网页的下面有演示地址 阅读全文

摘要：1.alertify插件功能主要实现提示功能，用于代替js中的alert,confirm,prompt，显示友好的提示框2.alertify官方地址http://fabien-d.github.io/alertify.js/官方已经对alertify进行了详细的说明，也提供了在线显示3.alertify使用方法1.使用的文件主要使用三个文件，两个css（alertify.core.css，alertify.default.css），用于设置提示框的样式。一个js（alertify.min.js或alertify.js），用于实现提示框的功能。2.实现提示框代码alertify使用非常简单，主要 阅读全文