【摘 要】
:
在Web前端开发中,很多菜单通常以层次结构列表形式展示,如目录导航菜单、多级菜单等。因这种层次结构列表里内容相互嵌套,具有较复杂的包含关系,所以网页前端开发者常常青睐于将这种菜单设计成类似树形动画的效果,可以让用户有更好的交互体验。本文介绍网页常见的目录导航菜单(如图1、2、3)设计成树形动画的两种实现方式,即:Javascript编码与jQuery编码。 1.2使用Javascript编码实现
论文部分内容阅读
在Web前端开发中,很多菜单通常以层次结构列表形式展示,如目录导航菜单、多级菜单等。因这种层次结构列表里内容相互嵌套,具有较复杂的包含关系,所以网页前端开发者常常青睐于将这种菜单设计成类似树形动画的效果,可以让用户有更好的交互体验。本文介绍网页常见的目录导航菜单(如图1、2、3)设计成树形动画的两种实现方式,即:Javascript编码与jQuery编码。
1.2使用Javascript编码实现
使用Javascript直接设计树形动画的思路是:
1)遍历li元素集合,不管当前li元素处于什么层次位置,检测该li元素是否包含ul元素,如果有,则设置临时标识变量b为true,否则设置变量b为false。
2)如果b为true,设置当前li元素的样式(如鼠标样式、列表项目符號),获取该li元素包含的第一个ul元素并隐藏,再为该li元素绑定click事件处理函数。在click事件处理函数中,以ul元素是否显示为条件,分别隐藏或显示ul元素,同时动态修改当前li元素的样式。
2.小结
在Web前端开发中以Javascript与iQuery两种方式通常都可以很好的实现相同效果的网页交互、动画、特效等,因iQuery对各种浏览器事件、DOM对象等都进行了大量封装,让开发者不用考虑各种浏览器兼容问题,所以在编码时可以事半功倍。但是jQuery是一个特化的框架,代码执行速度比原生Javascript慢,而且它不是一个完整的解决方案,所以在很多底层开发时仍然离不开Javascript,因而在实际开发中应根据具体隋况而定。
其他文献
摘要:该设计以层先法作为基础算法,将魔方以面、颜色、位置(二维数组)三个基本属性进行存储,通过调用设计的六个基本动作进行“底部十字”“底角还原”“中棱还原”“顶面十字”“顶角面位”“顶角还原”“顶棱还原”七个还原步骤,输出得到还原序列。最后该设计优化了操作面的问题,调用了设计的四套基本动作,最终完成魔方的还原。 关键词:算法设计;单片机算法;解魔方算法;机器人算法 中图分类号:TP312 文献
摘要:综合表达型单元活动的意义在于培养学生个性和合作力,提高学生表达力和自信。笔者以微视频制作为例,阐述了综合表达型单元活动的基本框架和实施要点,并通过案例呈现了活动的过程和反思,以期在今后的综合表达型活动教学中更规范有效地设计和实施活动,实现培养学生综合表达能力的教学目标。 关键词:综合表达型单元活动;微视频 中图分类号:G642 文献标识码:A 文章编号:1009-3044(2018)32
摘要:该文通过学生案例来实现软件项目开发的几个阶段,对每个阶段进行了简要的阐述和分析,并一步步对读者进行引导,以其能方便快捷弄懂软件项目开发的流程。 关键词:远程考试;需求分析;总体设计;详细设计 中图分类号:TP311 文献标识码:A 文章编号:1009-3044(2016)10-0102-02 随着计算机网络,通信及电子技术的快速发展,人们的生活水平得到了明显的提高,科学技术水平也得到了
摘要:在变革传统的教学方式、实现课堂翻转的背景下,基于“微课导学”这种新型教学模式应运而生,其实质是以“微课”和“导学案”为学生自主学习的载体, 以“学案导学、自主探究、任务引领、互助合作”为学习主线的课堂教学,为课堂教学提供“学径引导、问题动态生成及综合评价”等多种功能。实践表明,该模式有效地调动和提高学生学习的自主性以及课堂教学质量,对中职信息技术类的教学模式改革中具有一定的借鉴意义。 关键
摘要:针对《汽车电工电子技术》在教学中出现的学生学习兴趣不高、与后续课程脱节等现状及问题。提出以课程内容“工作化”、教学过程“职业化”、 教学手段“多样化”、编教材写“特色化”、 课程考核“能力化”等一系列改革措施和建议。在实际改革过程中取得了较好的教学效果。 关键词:汽车电工电子技术;课程改革;岗位需求 中图分类号:G424 文献标识码:A 文章编号:1009-3044(2018)07-01
摘要:混合教学模式是建立在计算机、多媒体与网络技术发展下的一种新型学习方式,更注重学生的自主学习,教师起到引导作用,学生能在自主学习中学会认知、创新,学会合作、互动,学会评价、反思。在平面设计专业,将“PS AI”课程先进行了混合教学模式探索。 关键词:混合教学模式;平面设计;教学设计 中图分类号:G642 文献标识码:A 文章编号:1009-3044(2018)07-0147-01 混合教
摘要:随着网络融合与数字集成的全面发展。人们的生活在许多方面都发生了巨大的变化。人们之间的交流方式和通讯手段发生了巨大的变革。这些变革给传统的服务业带来了新的挑战。该文探讨的内容就是。微信时代对传统的物业公司的挑战。该文从社区的微信服务平台出发,运用spfingMVC,结合百度地图定位和二维码生成技术,实现物业公司传统服务方式的智能化。同时进一步强化社区微信服务平台的功能,使社区居民能够在微信服务
摘要:本文通过问卷调查的方式获取了职业院校微课制作与应用方面的大量真实可靠的数据,并对数据进行了详细的分析。结合实际情况,对微课制作与应用的情况进行了多方面的分析,总结出微课制作与应用上存在的诸多问题,并针对诸多问题提出有针对性的建议,以期为职业院校微课的建设与应用实践提供借鉴与参考。 关键词:职业院校;微课应用与制作;对策 中图分类号:TP391 文献标识码:A 文章编号:1009-3044
摘要:蜕变测试技术能够通过检测输入输出数据之间满足的关系来验证程序的正确性,能有效解决复杂计算软件输出数据无法构造的问题,即Oracle问题。目前我国在核电软件自主化进程中,验证测试阶段遇到的Oracle问题还在探索阶段。该文介绍当前核电软件的测试流程,并结合在核电软件测试中的工作经验,对蜕变测试(MT)技术在核电软件PANTO(运行瞬态分析软件)测试中的应用作进一步探讨,为我国核电软件自主化的测
摘要:由互聯网时代兴起的创新创业浪潮给当下的大学生创业带来了新机会。国家扶持的创新创业政策在各大高校里掀起了一层又一层大浪,学生不断涌入浪潮中。文章结合高校大学生创业的例子,指出了学生在创业过程中的主观困惑,提出了以项目背景为本的出发点,注重培养学生在创业过程中管理、财务、营销的技能,全面提升大学生创业成功几率。 关键词:互联网 ;创新创业;教学改革 中图分类号:G424 文献标识码:A 文章