Asp,Php,Jssdk,mysql,mssql,微信公众号开发,小程序开发-学习笔记 收集日常学习笔记和重点,交流QQ:79657181,手机/微信:18611436777

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>


2019年10月24日 | 发布:anco | 分类:jquery | 评论:0