当前位置:Gxlcms > JavaScript > JS实现点击按钮控制Div变宽、增高及调整背景色的方法_javascript技巧

JS实现点击按钮控制Div变宽、增高及调整背景色的方法_javascript技巧

时间:2021-07-01 10:21:17 帮助过:67人阅读

本文实例讲述了JS实现点击按钮控制Div变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下:

这里使用JavaScript实现点击按钮后改变DiV的高度、宽度和背景色等,点击对应按钮,Div调整高度、调整宽度、调整背景色等。实现方面主要是使用JS来控制点击按钮后改变CSS样式文件,这一切都是在JS的动态控制下,比如无刷新切换网页风格的实现,可以以此为基础来扩展。

运行效果如下图所示:

具体代码如下:

希望本文所述对大家的javascript程序设计有所帮助。

人气教程排行