jQuery UI 插件

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

输入文字,自动联想库中的内容,自动补全,类似于淘宝,百度搜索框。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容