10 2013 档案

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

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

摘要：一、插件功能用于对图片进行修剪。但是在使用Jcrop时，还需要配合服务器端开发语言（如asp.net,php等）使用。二、官方地址http://deepliquid.com/content/Jcrop.html在官方地址中有5个demo,在这5个demo中，有3个带有代码说明。有1个提供了完整的实例，前端(js)与后台（php）交互，修剪图片并显示。而本次测试时，后台使用的是asp.net来修剪图片。在文章的下面有完整的测试代码可供下载。官方Demo也可以下载，但是下载下来的文件包含js代码很多，作者可能是为了演示jcrop的完整功能，所以包含了尽可能多的代码。其实我们在使用时，应该只会涉及到 阅读全文

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

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

摘要：一.scrollto插件功能scrollto用于定位页面中元素的位置，并使滚动条滚动到当前元素。二.scrollto官方地址https://github.com/flesler/jquery.scrollTo在官方地址中并没有特别详细的说明，只是说插件可以按x轴、y轴滚动。可以嵌套元素，当前元素在父元素中滚动。官方提供demo下载，在demo中有应用案例，如在父元素中滚动，滚动定位的间隔时间等。三.scrollto使用方法1.文件引用。只需引用两个js文件，一个jquery,一个插件功能文件。2.css样式文件。插件自身不需要使用样式3.js代码。插件使用非常简单，如：//定位到当前页面wra 阅读全文

摘要：这个插件在前段时间用过一次，当时是改一个网站。要求顶部的菜单栏随着滚动条的滚动而固定。也大体写了一下，不过在文章中也只是提了一下，文章地址：jQuery插件固定元素位置。 在这篇文章中，再进行总结一下。一.scrolltofixed插件功能固定某个元素的位置，在页面滚动时，元素仍然显示。二.scrolltofixed官方地址https://github.com/bigspotteddog/ScrollToFixed。在官方地址上有使用说明，在下面有插件的属性方法说明。demo中也有详细的用例，可以下载下来看下。三.scrolltofixed使用方法scrolltofixed插件的使用范围还是比 阅读全文

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

摘要：网站对于菜单的依赖其实并不是很大，我们完全可以不使用菜单来设计网站，显示网站内容。但是如果网站的分类太多，“也许”使用菜单作为网站导航可以使 用户 更方便的寻找内容。superfish插件就是用于实现菜单的功能。但是在使用superfish时，与自身网站整合、superfish样式设置是不可避免的。因为官方只给出了怎么使用插件，并且提供了一个简单的样式。如下图：在我以前的使用中，superfish不符合我的需求，所以我对superfish的样式进行了修改。在本文中，我会提到怎样修改superfish的样式，只是简单的举个例子，不注重颜色的搭配。一.superfish插件功能实现下拉式菜单功能。 阅读全文

摘要：一.pageslide插件功能实现现实隐藏侧边栏的功能。插件可以读取另个一html,也可以是当前页面中的元素。二.pageslide官方地址http://srobbin.com/jquery-plugins/pageslide/官方地址上有demo,可以测试下使用效果三.pageslide使用方法pageslide使用非常简单，需要的操作有：1.侧边栏的样式，在jquery.pageslide.css文件中，只有几条语句修改非常方便。2.引用jquery与jquery.pageslide.css，jquery.pageslide.js文件。但是在jquery.pageslide.js文件中，定 阅读全文

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