【任务一】编写程序,实现如图1所示标签切换效果。
具体要求:
1. 界面效果如图1所示。
2. 当鼠标移动时,切换标签页。
界面截图:
图1 标签切换
源代码截图:
【任务二】编写程序,实现如图2所示的界面及效果。
具体要求:
1.用户点击“添加”时,将用户输入的文本内容添加到下方的列表。
界面截图:
图2 添加列表项
源代码截图:
【任务三】编写程序,实现如图3所示效果。
具体要求:
- 当用户点击会员专区的“用户名”“手机号”或“邮箱”时,显示相应的表单;
- 当用户鼠标滑过“企业名片”“个人名片”时,显示相应的图片;
- 界面代码可以从老师提供的源代码中复制。
界面截图:
图3 div层的隐藏与显示
源代码截图: