1.1 界面美化插件
1.1.1 图片放大镜插件jQzoom
在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果,调用格式如下:
$(linkimage).jqzoom({options})
其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。
代码如下:
$(function () {
$("#jqzoom").jqzoom({ //绑定图片放大插件jqzoom
zoomWidth: 123, //小图片所选区域的宽
zoomHeight: 123, //小图片所选区域的高
zoomType: 'reverse' //设置放大镜的类型
});
});
1.1.2 照片灯箱插件 NotesForLightBox
NotesForLignBox是一个基于jQuery基础开发的图片放大浏览插件,它支持绝大部分浏览器,广泛应用在图片查看的选项中。该插件有以下几个强大的功能:
1.圆角的方式展示展示选中的图片。
2.按钮式查看"上一张"或"下一张"图片。
3.加载图片时带有进度条,显示加载进度。
4.可以采用自动播放的方式浏览图片。
5.多个样式属性可以随意设置。
代码省略。
1.2 表单类插件
1.2.1 自动补全插件 AutoComplete
输入文字,自动联想库中的内容,自动补全,类似于淘宝,百度搜索框。