html布局
对应的css样式 .main{width: 200px;height: 200px;background: red;
margin: 45px auto;opacity: 0.3;transition: opacity 0.5s ease-in;}
一:利用css3实现该效果
.mai:hover{opacity: 1;}
二:利用js原生实现
div=document.getElementById('main')
div.οnmοuseοver=function(){
this.style.opacity=1
}
div.οnmοuseοut=function(){
this.style.opacity=0.3
}