今天分享前端代码主题:
jequery控制css图片透明度
很多时候在网站图片处理上需要实现一些辅助效果,比如鼠标在图片上滑动时或点击时改变图片颜色(变灰或者其他),其实一个简单的办法就是改变 图片css透明度属性 。
如何改变呢?一种是纯css,一种使用jquery或者javascript代码控制。第一种使用 :hover伪类选择器 ,本示例使用第二种。
先看最后效果:
第一步:放置图片
<ul id="test">
很多时候在网站图片处理上需要实现一些辅助效果,比如鼠标在图片上滑动时或点击时改变图片颜色(变灰或者其他),其实一个简单的办法就是改变 图片css透明度属性 。
如何改变呢?一种是纯css,一种使用jquery或者javascript代码控制。第一种使用 :hover伪类选择器 ,本示例使用第二种。
先看最后效果:
![jequery控制css图片透明度](https://i-blog.csdnimg.cn/blog_migrate/33d12e0fa1fedeaddf6cd28663b0c075.png)
第一步:放置图片
<ul id="test">