Justinmind使用教程(6)——Justinmind的切换事件toggle

案例说明

如下图所示,大家经常使用到的分享功能:如果分享链接是隐藏的,点击分享按钮则让其显示;如果分享链接是显示的,点击分享按钮则让其隐藏。

     

How TO DO

1、把分享链接块隐藏

2、为分享按钮增加toggle事件,同时需要设置Show/Hide

这样一来就搞定了。赶紧体验吧

时间: 2024-11-10 20:09:33

Justinmind使用教程(6)——Justinmind的切换事件toggle的相关文章

Justinmind使用教程(4)——管理数据模板

前面Justinmind的学习内容包括: Justinmind使用教程(1)--概述部分 Justinmind使用教程(2)--计算表达式及条件使用方法 Justinmind使用教程(3)--管理原型 本章将教大家使用管理数据模板,效果图如下. 数据母版,即justinmind软件的数据库,掌握好数据母版,将对你制作高保真原型提供很多大得帮助. . 1.创建数据模板 我们首先需要填写数据母版名称(例如:新闻news),然后创建该数据母版的字段(例如:新闻的数据字段有title.content.d

Justinmind使用教程(3)——管理原型

前面已经介绍了Justinmind的概述以及通过Justinmind实现简单的计算器功能 Justinmind使用教程(1)--概述部分 Justinmind使用教程(2)--计算表达式及条件使用方法 本章将回到最原始的部分,以iphone 5为例,介绍如何管理原型(创建.编辑.保存). 1.打开Justimind后,弹出如下界面,你可以创建原型,也可以打开之前的原型 2.创建原型 3.选择下一步后,可以看到创建空的原型,也可以基于现有模板的原型 5.选择一个example后,点击finish,

Windows 8 应用程序前后台切换事件监听

在一些情况下,我们需要监听应用程序切换到后台或者从后台切换至前台的事件,从而进行相关处理操作.支付宝应用锁屏(IOS,Android平台)的处理中就需要监听此事件,在用户将应用切换至后台一段时间后再切换至前台的情况下就需要弹出锁屏页面. 下图给出Windows 应用商店应用的生命周期图,应用前后台切换就是在运行和挂起直接进行切换,关于生命周期的详细介绍可以参阅官方文档:http://msdn.microsoft.com/zh-cn/library/windows/apps/hh464925.as

iOS Sprite Kit教程之场景的切换

iOS Sprite Kit教程之场景的切换 Sprite Kit中切换场景 每一个场景都不是单独存在的.玩家可以从一个场景中切换到另外一个场景中.本小节,我们来讲解场景切换.在每一个游戏中都会使用到场景与场景的切换功能,例如,在街机原始人游戏中,选择关卡这一场景中,可以看到有4关,这四关分别代表了4个场景,如图2.20所示. 图2.20  街机原始的关卡选择 当玩家选择第一关时,就会由选择关卡的场景跳转到第一关的场景中,如图2.21所示. 图2.21  第一关的场景 当玩家选择第二关时,就会由

横向菜单点击切换事件

1 <div id="lx-ui-div"> 2 <img src="image/MenuBoder.png" /> 3 <ul id="lx-index-ui"> 4 <li name="shouye">首    页</li> 5 <li name="guanyu">关于我们</li> 6 <li name=&quo

HTML高级教程(10)——HTML 事件

HTML 4.0 的新特性之一是使 HTML 事件触发浏览器中的行为,比方说当用户点击一个 HTML 元素时启动一段 JavaScript.以下就是可插入 HTML 标签以定义事件行为的一系列属性. 如果您需要学习如何使用这些事件进行编程,那么你应该学习我们的 JavaScript 教程 和 DHTML 教程. 窗口事件 (Window Events) 仅在 body 和 frameset 元素中有效. 属性 值 描述 onload 脚本 当文档载入时执行脚本 onunload 脚本 当文档卸载

Justinmind使用教程(2)——计算表达式及条件使用方法

Justinmind的计算表达式以及条件condition的使用对于初学者而言比较麻烦. 结合网上了一个教程本文主要针对计算器示例进行计算表达式以及条件的使用. 实现目标:根据单价(静态)和数量(动态),自动计算出金额.下图: 在数量文本框右侧添加两个矩形部件,上方为+,下方为-,点击+或-自动减1,当数量为0时,不允许计算. [具体步骤] (只介绍重点) 1.选中+:2.添加事件(点击+按钮设置数量+1): 3.事件为"鼠标单击时"(默认):4.选择动作为"设置值"

Justinmind使用教程(5)——Justinmind破解

今天继续用Justinmind的时候,提示快到期啦. 所以今天学习的课题比较简单了,就是如何破解Justinmind. 目前没有无敌的注册码,大家按照如下方式操作一定就解决所有问题了 1.删除两个文件 删除 .configprogs 和 .datastorage 这两个文件夹即可重新开始30天的试用 2.文件目录根据操作系统的不同而不同,大家注意查找一下即可. 如XP系统:C:\Documents and Settings\当前用户 如WIN7/8系统: C:\Users\当前用户 删除这两个文

jquery事件切换hover/toggle

1.hover([over,]out) 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态. 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数.当鼠标移出这个元素时,会触发指定的第二个函数.而且,会伴随着对鼠标是 否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个 常见错误). 参数: over:鼠标移到元素上要