CSS特效如何实现

网页的CSS特效:

有三种特效，我想请教CSS代码该怎么写

第一种：

上面的菜单鼠标悬停后显示相应的内容层，离开就消失

第二种：

中间的图片和下面的链接相对应，每个一段时间，会自动跳到下一个，图片和链接都跟着变的，鼠标如果悬浮在任一个链接上立刻显示该链接对应的图片，并且图片的交替显示是有效果的，左右滚动的效果，而且左右的方向和下面链接的方向一致

第三种：

每个圆圈对应一张图片，鼠标悬浮在字上，圆圈出现，图片变换

请高手帮忙解决下，十分感谢！！！！！

我知道第一种，第一种是采用了层的显示和隐藏，还有鼠标滑入滑出事件：

function show_none（）{

  if(document.getNameById（“层的id”）.style.display=="none")

  {

    document.getNameById（“层的id”）.style.display="block"；

   }else{

    document.getNameById（“层的id”）.style.display="none"；

   }

}

然后  "首页" 加上鼠标划入滑出事件，onmouseover=“show_none（）；” 和 onmouseout=“show_none（）；”

---------------------------------------------------------------------------------------------------------------------

如果觉得我的答案合理，请点击“采纳”

去手之劳，将激励我继续为好友答题，谢谢！！