挺多网友说这个效果只要css可以实现,但是我们目的是为了思考利用js实现,如果连这个js实现不了,那就别学了。主要就是让我们学js逻辑,偏偏硬杆上css
2016-09-20
CSS代码,不谢
body,div{
margin: 0;
padding: 0;
}
#div1{
width: 200px;
height: 200px;
background: red;
filter: alpha(opacity:30);
opacity:0.3;
}
body,div{
margin: 0;
padding: 0;
}
#div1{
width: 200px;
height: 200px;
background: red;
filter: alpha(opacity:30);
opacity:0.3;
}
2016-09-17
样式代码,我是雷锋。
<style type="text/css">
body,div,span{
margin: 0;
padding: 0;
}
#div1{
width: 200px;
height: 200px;
background: red;
position: relative;
left: -200px;
top: 0;
}
#div1 span {
width: 20px;
height: 50px;
background: blue;
position: absolute;
left: 200px;
top: 75px;
}
</style>
<style type="text/css">
body,div,span{
margin: 0;
padding: 0;
}
#div1{
width: 200px;
height: 200px;
background: red;
position: relative;
left: -200px;
top: 0;
}
#div1 span {
width: 20px;
height: 50px;
background: blue;
position: absolute;
left: 200px;
top: 75px;
}
</style>
2016-09-17
没有听过一句话么?能用CSS去实现的动画,就不要用JS去实现,直接css加个动画,js一个添加移除得了,有必要写的那么麻烦吗?作为一个教学者,就不知道JS比CSS要耗费多少倍的性能吗?实战都不知道有多少会断片的
2016-09-16