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


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


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

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


完成之后预览 rp链接:https://pan.baidu.com/s/1hWiFc1dvt6rLpMmXKFYROQ 密码:l3fu
推荐使用IE浏览器,设置方法如下:
发布--预览选项

网友评论