摘要： 一、使用的插件一个折叠的功能导航，由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也提供了一些样式供我们选择，但是选来选 阅读全文

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

摘要： 一.backstretch插件功能优化网站外观。主要用于设置页面背景图片，也可以设置html元素的背景图片。背景图片可以设置多张，在间隔时间内循环显示。注但是在设置背景图片时，如果图片过大，网站使用的资源又受到限制时，应压缩图片的大小。不然图片的加载会非常缓慢。我测试了官方网站的demo，图片都比较大，有的图片在400kb以上，在虚拟空间中打开网站，图片加载有点慢。插件demo的截图效果不明显，所以不在本文贴出，大家可以去官方看demo演示，或在本文的下面，也有我测试这个插件的用例，可以看一下，中文演示。测试用例使用的图片来自于网络，并且大小都在100kb以上，使用官方图片一张。由于只是测试插 阅读全文