jQuery插件

jQuery
1.4k 词
jQuery插件

jQuery插件#

jQuery功能比较有限，想要更复杂的特效效果，可以借助于jQuery插件完成。

注意：这些插件也是依赖于jQuery来完成的，所以必须要先引入jQuery文件，因此也称为jQuery插件。

jQuery插件常用网站#

  1. jQuery插件库： http://www.jq22.com/
  2. jQuery之家： http://www.htmleaf.com

jQuery插件使用步骤#

  1. 引入相关文件（jQuery文件和插件文件）
  2. 复制相关html、css、js（调用插件）

实例-瀑布流#

图片懒加载#

图片使用延迟加载可提高网页下载速度，也能帮助减轻服务器负载

当前页面滑动到可视区域，再显示图片

eg：使用jQuery插件库EasyLazyLoad。注意，此时的js引入文件和js调用必须写到DOM元素（图片）最后面

全屏滚动（fullpage.js）#

gitHub： https://github.com/alvarotrigo/fullpage.js

中文翻译网站： http://www.dowebok.com/demo/2014/77/

bootstrap组件#

bootstrap框架也是基于jQuery开发的，因此里面的js插件使用，也必须引入jQuery(bootstrapv4版本之后不再依赖jQuery，因此不需引用)

按钮下拉菜单#

导航条#

模态框#