鼠标指向图片时的变化

Click & Share

效果如上

是不是很像按钮 ?

图片也可以变成按钮

登入部落格 > 设计 > 添加小工具


<center><a href="链接网址"><img src="变化前的图片URL" onmouseover="this.src='变化后的图片URL'" onmouseout="this.src='变化前的图片URL'" /></a></center>

素材 

变化前的图片URL

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan22.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan25.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan26.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan29.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan30.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan31.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan32.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan37.gif

变化后的图片URL

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan22-5.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan25-5.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan26-5.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan29-5.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan30-5.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan31-5.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan32-5.gif

http://1kb-sozai.com/sozai/gif/botan/r_black/r_botan37-5.gif

---