eclipse jQuery插件的使用(cv程序员)

一、jQuery插件

jQuery功能比较有限,想要复杂的特效效果,可以借助于jQuery插件完成。
注:这些插件也是依赖于jQuery来完成的,所以必须先引入jQuery文件,因此也称为jQuery插件。

二、jQuery插件常用网站:

1、jQuery插件库:http://www.jq22.com/
2、jQuery之家:http://www.htmleaf.com/
推荐使用jQuery之家,里面所有插件都是免费的。

三、插件使用详细步骤

1、打开jQuery之家的网址。
在这里插入图片描述
2、点击jQuery库,里面有各种插件,选择自己想要的打开。
在这里插入图片描述
3、这边选择菜单和导航,点击进去后可以查看演示效果,并下载插件,下面还有插件的使用方法噢!还可以通过查看插件的使用方法进行参数等的修改。
在这里插入图片描述
在这里插入图片描述

3、下载完后,解压下载好的压缩文件。

在这里插入图片描述

4、点击上面下载好的index.html文件,查看网页源代码。查看网页源代码中引用的文件有哪些(主要是js文件和css文件),将相应的文件夹复制到项目中的WebRoot路径下。
在这里插入图片描述
5、新建一个.html文件,接下来就开启cv大法了,将相应的代码复制到.html文件中(也可以查看插件的使用方法),主要是框架代码。
在这里插入图片描述
6、运行效果
在这里插入图片描述

核心步骤:
1、引入相关文件。(jQuery文件和插件文件)
2、复制相关html,css,js(调用插件)

猜你喜欢

转载自blog.csdn.net/weixin_44736475/article/details/105978784