实训23 响应式网页设计jquery插件

实训23 响应式网页jquery插件 实训2.3 响应式网页基础练习 一、实训目的 1. 掌握利用前面所学的flexsilder插件来实现响应式网页里图片轮换掌握支 持响应式菜单jQuery插件(fixed-nav-master) 2. 掌握插件在不同分辨率下的调用 二、实现功能及要求 1. 利用flexsilder插件完成页面里的图片轮换区域 2. 利用fixed-nav-master完成320分辨率下的页面导航设置 三、作业: 修改“水利模版”，利用插件完成支持触摸的图片轮回区域，利用插件完成320分辨率下的页面导航设置。 四、重点提示: , 媒体查询 , 禁止页面自动缩放 , flexsilder插件 1. 依次放入以下文件(直接在Dreamweaver中将相关文件拖到代码区域) jquery-2.1.4.min.js modernizr-custom-v2.7.1.min.js jquery.flexslider-min.js flexslider.css 2. 相关div代码 3. 调用方法 4. 修改小圆点的位置 找到相应css，设置参数 , fixed-nav-master导航插件 1. 在头部放入以下文件 styles.css responsive-nav.js 以下三个必须放在文件末尾 fastclick.js scroll.js fixed-responsive-nav.js 2. 相关html代码，放置body的下方 3. Div隐藏 4. Div显示: #header3{ display:block; }