24
2019
10

jquery改变元素高宽,延时改变

<!--so-->

<FORM action="/p/index.asp" method="post">

<input name="myKeyword" type="text" class="d_input" placeholder="Search..." />

<input type="image" src="/images/31.jpg" name="img">

</FORM>

<!--so_end-->


<script type="text/javascript">

$(document).ready(function(){

$(".d_input").click(function(){

//$('.d_input').css('width','270px')//原生方法

$(".d_input").animate({width:"300px"},500);//动画方法并延时

});

$(".d_input").blur(function(){

$(".d_input").animate({width:"111px"},400);//动画方法并延时

});

});

</script>


« 上一篇