用户交互设计与实现 第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()

您可能关注的文档

最近下载