摘要:
一.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... 阅读全文