自己做课件,做自己的课件
课件制作的领先理念与实务技巧

【佳瑾学习】课件样例:下拉菜单

样例1:计算高度
样例说明:点击右上角“Height”按钮,根据选择的不同高度,显示相应合适尺寸。
样例作者:Linda  Lorenzetti
样例链接:http://e-adventurer.com/challenges/Ergo/story.html
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
样例2:冰淇淋
样例说明:选择左侧下拉菜单,右侧出现相应冰淇淋搭配。
样例作者:Allison  Goldthorpe
样例链接:https://allisongoldthorpe.com/wp-content/uploads/articulate_uploads/164-Drop-down-Builder/story.html
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
样例3:隐藏滑出式菜单
样例说明:点击右上角三角形,滑出隐藏的菜单。
样例作者:Kayla  Burtch
样例链接:https://s3.amazonaws.com/kaylaburtch.com/Photo+Portfolio+Menu+-+Storyline+output/story.html
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
样例4:网站式菜单
样例说明:点击顶部菜单,出现相应项目。
样例作者:Ashi  Tandon
样例链接:http://elearning-examples.s3.amazonaws.com/Weekly-Challenge/164-DropDownMenus/AshiTandon/story.html
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
样例5:右下角收放式菜单
样例说明:点击右下角“+”图标,菜单展开。
样例作者:Matthew  Guyan
样例链接:http://mattguyan.com/ELH_Challenges/expand_nav/story_html5.html
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
样例6:右下角点出半透明菜单
样例说明:点击右上角菜单图标,弹出半透明菜单。
样例作者:Noura  Sa’d
样例链接:https://s3-us-west-2.amazonaws.com/technolife.me/NouraSad_Projects/MaldivesMenu/story_html5.html
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
样例7:手机浏览菜单
样例说明:点击下方菜单按钮,出现相应菜单。
样例作者:Jeff  Kortenbosch
样例链接:http://www.seriouslearning.nl/DOWNLOADS/MOBILEMENU/story.html
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
样例8:下方浮动式菜单
样例说明:移至下方图标上方,浮动出现相应菜单。移开,菜单消失。
样例作者:Ian  Monk
样例链接:http://ianmonk.s3.amazonaws.com/articulate/badgenavigation/story.html
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

 

【编译】何佳瑾

【来源】Articulate

   出处:http://www.kejianttt.com 

            (版权所有,转载请注明作者与出处)

 
 

版权所有,转载请注明作者与出处:领先课件指南 » 【佳瑾学习】课件样例:下拉菜单

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

课件制作培训,我们更专业

了解详情