设为首页 - 加入收藏
广告 1000x90
您的当前位置:皮皮彩票app下载 > 不变代码移出 > 正文

用css的expression的来实现鼠标移入时更改图片鼠标移出时变回原

来源:未知 编辑:admin 时间:2019-04-13

  用css的expression的来实现鼠标移入时更改图片,鼠标移出时变回原图片 不要background的方法。如何实现?

  用css的expression的来实现鼠标移入时更改图片,鼠标移出时变回原图片 不要background的方法。如何实现?

  本人搭了一个github博客,使用的是hexo+next结合,我想试一下鼠标移动在我头像的时候可以更改另外一张图片,background+hover的方法我试过了,没用的,它这个并不是背景,代码就是img...

  本人搭了一个github博客,使用的是hexo+next结合,我想试一下鼠标移动在我头像的时候可以更改另外一张图片,background+hover的方法我试过了,没用的,它这个并不是背景,代码就是img src,

  知道合伙人IT服务行家采纳数:74获赞数:76上海开放大学二等奖奖金获得者,中科集团项目经理向TA提问展开全部现鼠标移入时更改图片,鼠标移出时变回原图片.

  我说了不要这种方法,原html里面已经是图片插入了,不能用background了

  imgsrc=1.jpgonmouseover=this.src=2.jpg;onmouseout=this.src=1.jpg;/我知道可以用js,但不能在原html中加入onmouseover和onmouseout,所以这个办法不行。

  可以用这样的思路:当鼠标移入时,让img隐藏,然后给img的外框(即父元素)加一个background图片,这样看到的就是这个背景图片,而当鼠标移出时,再恢复img的显示。这样就无需更改html和js了,只在css修改一下即可。

  唯一需要注意的是:如果img和外框的大小不一致,那么这种方法可能效果就不是很理想,需要对外框的background做进一步的调整才行。

本文链接:http://thacba.net/bubiandaimayichu/218.html

相关推荐:

网友评论:

栏目分类

现金彩票 联系QQ:24498872301 邮箱:24498872301@qq.com

Copyright © 2002-2011 DEDECMS. 现金彩票 版权所有 Power by DedeCms

Top