指向图片后变另外一个图片

转载请务必附上本博主的链接 !!

这个不知道是谁在很久之前问过我了,不过我忘记了 >< 真是抱歉啊

这个就是说鼠标在指向一张图片后会变另外一张图片

添加这个的方法很简单而已哦

如果你不想要放在小工具里面的话你可以参考以下的教程
>> 点我 <<

到设计 --> 添加 Html / Jave Script 把以下的代码放下去

例子①:




这个是在鼠标指向图片后变成另外一张,鼠标移开后又变回原来的图片
<center><img src="图片①" onmouseover="this.src='图片②'" onmouseout="this.src='图片①'" />
例子②:




这个是鼠标指向图片后变另外一张,移开鼠标后又变成另外一张,就是说第三张的图片只会显示一次而已
<img src="图片 ①" onmouseover="this.src='图片②'" onmouseout="this.src='图片③'" />
温馨小提示❤
红色的字 --> 只要放上你要的图片网址就好了

如果你们发现有问题的话不妨使用以下的代码:
<img height="320" onmouseout="this.src='图片网址'" onmouseover="this.src='图片网址'" src="图片网址" width="220" />
Or 
<img height="320"  width="220" src="图片网址1" onmouseover="this.src='图片网址2'" onmouseout="this.src='图片网址1'">

温馨小提示❤
粉色的字 --> 是图片的高度和宽度,可自己更改哦

然后就保存起来

其实我在写这篇的时候很懊恼,因为不知道为什么那个代码好像怪怪似的说 @@

如果你们尝试不到再告诉我吧

5 条评论:

  1. 出现的图片太大也~然后也没有换成second img。。。

    回复删除
  2. Itzel blog:

    我添加多一个代码了,你尝试看看那个代码可不可以哦

    回复删除
  3. 图片变小了...那个ok,可是second img是空白的..接下来也换不到first img...都是空白...

    回复删除
  4. Itzel blog:

    你试试看 "Or" 下面那个代码看看下

    回复删除
  5. 我试过料~放在小工具那里还是不能,可是如果放在帖子里就成功料!THX!

    回复删除

留言规则 请勿犯规 :)

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

1、由于评论太哆,有些我不能一一评论

2、如有捣乱着,恕我删除留言

3、有些博友要的教程,请勿再三询问,请到教程列表里仔细寻找

谢谢 :)