首页 WordPress鼠标经过图片变换(最简单的代码)

鼠标经过图片变换(最简单的代码)

传统作法是用代码,一长串js或者css搞得人头晕,这个简单多了

先上效果图:

代码示例:
<img src=”images/domainpro-1.png” onmouseover=”this.src=’images/domainpro-1.png” onmouseout=”this.src=’images/domainpro-1.png'” />

其它类型的类似中间加上onmouseover=”this.src=’images/domainpro-1.png'” onmouseout=”this.src=’images/domainpro-2.png'”
比如一段文字的背景,表格中的按钮背景都可以加上这个,让网页更加多彩!

其中onmouseover即为鼠标经过时让它显示的图片,onmouseout为鼠标离开后让它显示为原来的图。

8 thoughts on “鼠标经过图片变换(最简单的代码)

  1. 沙发
    Aooer 2014-07-10

    建个css啦
    用 link hover visited 伪类。。

  2. 板凳
    Aooer 2014-07-10

    建个css啦用 link hover visited 伪类。。

  3. 地板
    Rod 2014-06-8

    使用 :hover 伪类嘛

  4. 4楼
    Rod 2014-06-8

    使用 :hover 伪类嘛

  5. 5楼
    西门 2014-06-8

    你这是用Dreamweaver设置的吧。。。。八百年前的老方法 [生病]

    • 回复
      DomainPro.cn 2014-06-8
      @西门 哎~把自己用的东西都贴出来而已,以后或许还会用。对于不懂代码的我而言,所有方法都是新的。好用就好~~~膜拜西门。
  6. 6楼
    西门 2014-06-8

    你这是用Dreamweaver设置的吧。。。。八百年前的老方法

    • 回复
      DomainPro.cn 2014-06-8
      @西门 哎~把自己用的东西都贴出来而已,以后或许还会用。对于不懂代码的我而言,所有方法都是新的。好用就好~~~膜拜西门。