我试图让图像在悬停在它上面时变得更大.但是这个transition-delay属性似乎不起作用.图像由object标签加载,但我也尝试使用img标签.
<div id="c_a">
<object data="https://lh6.ggpht.com/Rr2X9m8HrCIGJrOKG3MOr9pRYERaa4yBLWUTeB6YNgJVlseJSMIbFWDc9nX6O2Y9HeWRf-2qL1gy0TInmKtKfRIBAJVPK4eglImapFb9=s660" type="image/jpg"></object>
</div>
CSS:
#c_a object{
transition: width 1s linear 2s, height 1s linear 2s;
-webkit-transition: width 1s linear 2s, height 1s linear 2s;
-o-transition: width 1s linear 2s, height 1s linear 2s;
-moz-transition: width 1s linear 2s, height 1s linear 2s;
}
#c_a object:hover{
width: 300%;
height: 300%;
}
所以我有object一个div容器内部.该对象具有max-width (600px)和max-height (400px)属性集.当我将鼠标悬停的对象,该属性设置为none这样的对象width,并height可以适当地呈现.但移动鼠标了的时候object就立刻改变了它width,并height在max-width (600px)和max-height (400px)值,并在一秒钟后它回落到它的原始width和height值.
所以,我该怎么办的过渡,使object它的变化width和height顺利,双方,盘旋在它时和鼠标操作出来的时候.
HTML:
<html>
<!-- Blah blah some head tags here. -->
<body>
<div id="c_a">
<object data="https://www.google.ro/images/srpr/logo11w.png" type="image/png"></object>
</div>
</body>
</html>
CSS:
html{
font-size: larger;
width: 100%;
height: 100%;
}
#c_a object{
transition: width 1s linear .5s, height 1s linear .5s;
-webkit-transition: …假设我有这个代码,可以是jQuery(就像它在这里)或普通的javascript.
$(document).ready(function(){
$("#someid").keyup(function(){
func1();
func2();
});
});
$(document).ready(function(){
$("#someid").keyup(function(){
return func1();
return func2();
});
});
在第一种情况下,将调用两个函数,但在第二种情况下,仅调用第一个函数.这是为什么？