什么是插件?
插件是一个js库,用来做扩展功能的。

jQuery在线插件库
可在里面查找自己需要的插件
jQueryUI插件(jQuery user interface)
jQueryUI插件是jQuery团队自己开发的一套用户界面
jQuery UI下载官网
jQueryUI下载及使用方法
1.在浏览器进入下载官网,点击Custom Download(自定义下载),即可下载完毕。这个版本是最新版本

也可按下图步骤下载其他版本。

2.将下载完的压缩包解压后,里面文件内容如下:

可双击index.html,查看显示效果(内容还是比较全的):

3.如果想要代码实现类似手风琴折叠面板的效果,可按下面步骤操作。
选中,复制这个效果的标题

在inde.html页面,右击,选择查看页面源代码,按F3键进行搜索,在搜索栏粘贴复制的效果标题

②圈起来的内容即为该效果的HTML代码。可复制②圈起来的内容到自己的页面。(自己的页面先引入jQuery文件)
4.在源代码页面按向下键,就可找到该效果的js代码

同样,复制粗的矩形方框内容到自己的JavaScript标签中。
5.接着引入下载的jQueryUI里需要的的css文件和js文件到自己的项目(文件.后缀和文件.min.后缀的区别是文件.main.后缀经过压缩,占内存小,两种引入其一即可)
保存,就可显示目标效果:

可根据自己需要,修改HTML文件内容,使之符合需求。

下面其他效果使用方法同上。
网友评论