淘宝页签切换效果

淘宝页签的切换效果包括动态面板、热区的应用。

【效果图】

效果图1 效果图2

【思路分析】

利用动态面板状态的切换实现快速登录与账号密码登录，当我点击快速登录的时候显示二维码的界面，点击账号密码登录的时候要显示账号密码界面。这里我们需要两个动态面板来实现

动态1命名为登录方式 动态2命名为登录方式内容

两个动态面板的内容自行填充，填充完之后会发现那我怎么切换呢，动态面板本身并不能实现啊！那这里我们需要用到热区，热区主要的作用是添加交互

效果图

将两个热区分别覆盖到快速登录及账户密码登录，在热区上设置鼠标点击时事件

快速登录 账号密码登录

完成之后预览  rp链接：https://pan.baidu.com/s/1hWiFc1dvt6rLpMmXKFYROQ 密码：l3fu

推荐使用IE浏览器，设置方法如下:

发布--预览选项