CSS3已經(jīng)很強大了,哪個方便用哪個。說什么用css走不遠的朋友,牛B你別用JQ啊,別用Bootstrap啊,這些不都是為了方便你這種大爺造出來的嗎?你要走的遠別學JS啊,干嘛不去學JAVA和C#呢?
2016-12-19
#div1:hover,#div2:hover,#div3:hover,#div4:hover {
opacity: 0.5;
transition: all 1s ease;
}
opacity: 0.5;
transition: all 1s ease;
}
2016-12-19
CSS3可以很好的實現(xiàn)這些效果啊,
#div1:hover {
opacity: 0.5;
margin-left: 0px;
transition: all 1s ease;
}
#div1:hover {
opacity: 0.5;
margin-left: 0px;
transition: all 1s ease;
}
2016-12-19
onmousemove 事件在鼠標移動到 div 元素上時觸發(fā)。
mouseenter 事件中有在鼠標指針進入 div 元素時觸發(fā)。
onmouseover 事件在鼠標指針進入 div 元素時觸發(fā),在子元素上也會觸發(fā)
mouseenter 事件中有在鼠標指針進入 div 元素時觸發(fā)。
onmouseover 事件在鼠標指針進入 div 元素時觸發(fā),在子元素上也會觸發(fā)
2016-12-15
window.onload=function(){
var w=function(id){
return document.getElementById(id)}
w('div').onmouseover=function(){
op(90)}
w('div').onmouseleave=function(){
op(10)}
var b=null
function op(targ){
clearInterval(b);
b=setInterval(function(){
w('div').style.opacity=targ/100||targ;
},100)}}
var w=function(id){
return document.getElementById(id)}
w('div').onmouseover=function(){
op(90)}
w('div').onmouseleave=function(){
op(10)}
var b=null
function op(targ){
clearInterval(b);
b=setInterval(function(){
w('div').style.opacity=targ/100||targ;
},100)}}
2016-12-12