09 2013 档案

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

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

摘要：我们开发的网站，总有它一定的用途。如企业站用来宣传企业或展示产品，技术站用来分享自己的思路和经验。既然网站有了它的用途，那么就拥有了它本身的关键词(关键词说明网站的主要内容)。例如企业站的关键词大部分是企业名称或产品名称，技术站的关键词大部分是技术术语。不论是企业宣传产品或分享思路经验，我们都想给某些术语加上说明或链接（跳转到术语页面），这时我们就可以使用cluetip插件。1. cluetip插件功能主要用于为某些关键词添加提示说明功能，也可以展示广告。cluetip插件可以读取另一个html文件中的内容，如关键词会读取ajax3.html页面的内容官方地址demo中有使用说明。2.clue 阅读全文

摘要：网站在展示信息时，如果信息量过大，解决方法主要有三种。1.分页，将信息分页显示。2.整页显示，但是页面过长，影响浏览体验。3.使用滚动条，而默认滚动条样式太单一，用户体验不友好。所以我们需要美化滚动条。美化滚动条最简单的方式就是使用jquery插件，本文介绍的就是jquery插件中的滚动条插件nanoscroller.官方展示,样式可自定义1.nanoscroller插件功能对内容实现滚动功能2.nanoscroller官方地址http://jamesflorentino.github.io/nanoScrollerJS/3.nanoscroller使用方法1.引用文件2.定义滚动条样式.na 阅读全文

摘要：在网站开发过程中，有时我们需要验证用户输入的信息是否符合我们的要求，所以我们会对用户提交的数据进行验证。验证分两次进行，一次是在客户端，一次是在服务端。客户端的验证可以提升用户的体验。jquery验证插件有很多，实现的功能也基本相同。本文介绍的只是jquery验证插件中的一种jquery.validate1.jquery.validate插件功能简单实现客户端信息验证，过滤不符合要求的信息2.jquery.validate官方地址官方地址：http://jqueryvalidation.org/,有详细的插件使用说明官方demo：http://jquery.bassistance.de/val 阅读全文

摘要：1.gridster插件功能实现类似于win8 磁贴拖拽的功能2.gridster官方地址http://gridster.net/在官方的网站上也有插件的帮助和实例，但是按照官方的说明，我在本地测试总是出现这样那样的问题，一是无法移动，二是在磁铁的附近有一个黑点，可能是定位使用的。但是如果在网站中正常使用，应该不会出现这样的黑点。gridster插件的属性和方法在官网上有详细说明。经过测试了一下，最后终于解决了问题。效果显示如下：3.gridster使用方法1.首先引用js文件2.用到的css.handle { border-bottom: 1px solid black;}.small... 阅读全文

摘要：网站开发过程中，为了增加网站交互效果，我们有时需要在当前页面弹出诸如登陆、注册、设置等窗口。而这些窗口就是层，弹出的窗口就是弹出层。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使用非常简单，主要 阅读全文