网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

jquery动态改变div宽度和高度教程

时间:2024-10-12 19:11:23

1、创建一个div.html文件,把下载下来的jquery文件加入到文件中。

jquery动态改变div宽度和高度教程

2、在body页面中创建一个div层,ID命名为xbox

jquery动态改变div宽度和高度教程

3、为div设置一个样式,400*400的尺寸,红色的边框,方便演示。

jquery动态改变div宽度和高度教程

4、现在我想把DIV的高度与宽度分别修改成500*200px,使用juqery修改CSS样式的方法:$('#xbox').css('height',200);

jquery动态改变div宽度和高度教程

5、同样加上修改宽度width的代码 。

jquery动态改变div宽度和高度教程jquery动态改变div宽度和高度教程

6、如果要看到尺寸的演变过程,就需要用到animate方法。

jquery动态改变div宽度和高度教程

7、加上高度动态改变的效果代码,$("#xbox"拘七呷憎).animate({height:"200px"},"normal");

jquery动态改变div宽度和高度教程jquery动态改变div宽度和高度教程

8、动态改变宽度的代码也是类似的,

jquery动态改变div宽度和高度教程
© 2025 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com