用户交互设计与实现 第12章 项目案例：融合工厂企业官网.pptx

想预览更多内容，点击预览全文
点击预览本文档（全文）

申明敬告：

本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己完全接受本站规则且自行承担所有风险，本站不退款、不进行额外附加服务；如果您已付费下载过本站文档，您可以点击这里二次下载

文档介绍

第12章 项目案例：融合工厂企业官网;学习目标;本章任务;网站的主要交互功能;交互功能;交互功能;交互功能;网站用到的主要知识点;配置定时器;运用jQuery选择器;运用jQuery事件与效果;7．使用stop() 停止当前正在运行的动画

8．使用hover() 绑定元素的悬停离开事件

9．使用click() 绑定元素的点击事件

10．使用animate() 方法用于创建自定义动画。

11．使用each() 方法遍历元素

12．使用fadeTo() 方法逐渐改变被选元素的不透明度为指定的值;通过jQuery给DOM元素设置css样式

使用bxSlider插件

禁止鼠标右击功能;开发技巧;开发技巧;开发技巧;开发技巧;开发技巧;开发技巧;页面交互效果的实现;header;header;banner;content;footer;1.菜单交互效果;1.菜单交互效果;1.菜单交互效果;2.禁止鼠标右键效果;1.轮播图交互;1.轮播图交互;2.传媒服务交互效果;2.传媒服务交互效果;3.传媒服务页面交互效果;3.传媒服务页面交互效果;// 定义一个变量

var delayMedia = [];

// 使用each 遍历导航

$('#media-nav>li').each(function(index) { // 鼠标经过事件

$(this).hover(function() { // 定义变量 var _self = this; // 开启定时器 delayMedia[index] = setTimeout(function() { // 找到ul元素，显示操作，end()结束链式操作，再找到当前项的所有同级元素下的ul元素，隐藏元素 $(_self).find('ul').slideDown(700).end().siblings()

最近下载