计算机应用技术jQuery插件应用.pptxVIP

第11章jQuery插件应用

掌握jQuery插件的使用学会响应式网格瀑布流布局插件了解插件编写学习目标010304学会使用固定侧边栏插件02

本章任务任务1：使用ss-Menu固定侧边栏插件任务2：PinterestGrid实现响应式网格瀑布流布局任务3：编写表格隔行变色插件

jQuery插件（1）下载插件jQuery有大量第三方插件，可以从各大网站下载，也可以从jQuery官网下载网址：（2）使用方法插件实际上也是一个JS文件所有jQuery插件的使用方法均为：先引入jQuery，再引入插件

任务1使用ss-Menu固定侧边栏插件

任务描述使用ss-Menu固定侧边栏插件实现侧边栏效果，如图所示，选择颜色能更换侧边栏背景色，单击重置按钮，可以重置背景色。演示任务1：使用ss-Menu固定侧边栏插件

任务分析侧边栏导航通常位于左侧，它位于F式布局的最左侧，作为信息主干，也符合用户的浏览习惯。在项目中要使用ss-Menu固定侧边栏插件，需要引入三个文件，一个jQuery库，一个ss-menu插件js文件和一个ss-menu的CSS文件，操作步骤如下：1.完成HTML结构设计，设计好侧边栏结构。2.在页面引入ss-menu插件的CSS文件。3.在页面引入jQuery框架和ss-menu插件文件，并应用下载ss-menu插件，在页面引入CSS文件和ss-menu插件文件