标签: css
今天开发遇到了而一个问题,就是用原生的JavaScript实现jQuery的fadein效果。
fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的
我的具体思路如下:
首先解决入的问题:这个主要使用display实现就可以
淡入:使用css3的transition过渡效果
color: rgb(255,255,255);
-webkit-transition: color linear 1s;
-moz-transition: color linear 1s;
-o-transition: color linear 1s;
-ms-transition: color linear 1s;
transition: color linear 1s;
transition主要是通过伪元素触发,其实js也可以触发,在上述的代码中我们可以看到,我设置的过渡元素是color,通过js我获取这个元素,然后
element.style.color = "rgb(0,0,0);
但是其中有一个特别重要的问题:就是我们在使用display设置为block之后,需要有一个延时,才能设置color,否则无法产生过渡效果。
setTimeout(function(){
var co = getElementsID("#result1");
co.style.color = "rgb(0,0,0)";
},100);
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。