欢迎访问世纪网络官网,宝鸡网站建设SEO优化已累计服务超过900家企业!     咨询热线:13619273150

15年网站建设优化经验,900家客户的选择,值得信赖!


鼠标放上去图片变色

作者:佚名      发布时间:2011-08-12      浏览:4233

62.9K


有时我们需要一种效果,那就是鼠标移动上去,图片变了颜色,移动出来之后,图片又恢复到原来的样子。事实上,可以通过改变图片的透明度来达到这样的效果(对白色图片无效)。利用的JS事件是onmouseover和onmouseout。

第一种变色方法

" style="filter:alpha(opacity=100)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)">

第二种方法:

" width="109" height="73" border="0" class="opacity2" onmouseover="this.className=’opacity1’"
onmouseout="this.className=’opacity2’">

上面是两种鼠标移动上去图片变色方法,不好的是,不支持火狐。



0