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

 时间:2026-04-21 20:15:44

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宽度和高度教程

  • linux创建文件夹
  • eclipse查看接口(interface)被哪些类实现了
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • 设置div中的div居中显示
  • Eclipse高亮显示当前(光标处的)变量
  • 热门搜索
    人物画图片大全 肠梗阻最佳治疗方法 桃花图片大全大图 羊肉怎么炖好吃 我的世界空岛怎么做 虾干怎么做好吃 牛肉饺子放什么菜好吃 ktv唱歌技巧和发声方法 豌豆怎么做好吃 怎么截视频