1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

让鼠标在链接文字上方“悬停”时,产生变色,变形等效果是怎样做到的?

本帖由 tsh072012-11-19 发布。版面名称:前端开发

  1. tsh07

    tsh07 New Member

    注册:
    2012-05-01
    帖子:
    162
    赞:
    0
    让鼠标在链接文字上方“悬停”时,产生变色,变形等效果是怎样做到的?
    访问网站时,我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了,所

    谓的“鼠标悬停响应”表现在链接文字上,就包括改变颜色,修饰效果(下划

    线,中划线)等多种选择。

      由于这种效果很好的起到了对目标内容的强调作用,因此无论是个人网站

    还是一些大的商业网站(如新浪,搜狐,网易等)都有应用。

      在上个问题中,你已经知道了去除掉链接下划线的方法,这里不再赘述。

    下面的问题将是如何添加鼠标响应事件的过程。

      同样进入“Edit style sheet”窗口,单击“New”确立新样式,不同的是

    现在的Type类型中选择最后的一项-“Use CSS selector”,“Selector”选单

    中选择“a:hover” OK,进入编辑样式窗口,设定“Type”项中的文字颜色为

    “红色”,当然你还可以添加鼠标悬停时出现下划线的效果。 更多关于鼠标悬

    浮的效果将会在网页设计培训课堂上继续讲解。