第三次作业

【任务一】编写程序,实现如图1所示标签切换效果。

具体要求:

1. 界面效果如图1所示。

2. 当鼠标移动时,切换标签页。

界面截图:

 

图1 标签切换

源代码截图:

【任务二】编写程序,实现如图2所示的界面及效果。

具体要求:

    1.用户点击“添加”时,将用户输入的文本内容添加到下方的列表。

界面截图:

图2 添加列表项

源代码截图:

【任务三】编写程序,实现如图3所示效果。

具体要求:

  1. 当用户点击会员专区的“用户名”“手机号”或“邮箱”时,显示相应的表单;
  2. 当用户鼠标滑过“企业名片”“个人名片”时,显示相应的图片;
  3. 界面代码可以从老师提供的源代码中复制。

界面截图:

 

图3 div层的隐藏与显示

源代码截图:

原文地址:https://www.cnblogs.com/WKPCTO/p/11853661.html