本文实例讲述了射流研究…实现点击按钮控制差异变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下：

这里使用Java脚本语言实现点击按钮后改变差异的高度、宽度和背景色等，点击对应按钮，Div调整高度、调整宽度、调整背景色等。实现方面主要是使用射流研究…来控制点击按钮后改变半铸钢钢性铸铁(铸造半钢)样式文件，这一切都是在射流研究…的动态控制下，比如无刷新切换网页风格的实现，可以以此为基础来扩展。

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title点击按钮改变半铸钢钢性铸铁(铸造半钢)样式/title style type=' text/CSS ' * { padd :0 px；margin:0px}。盒子{宽度：300像素高度：300 pxborder:1px实心# cbc4f 7 font-size :13 px；margin:100px auto}。divWidth { width:400px}。divHeight { height:400px}。div bgcolor {底色： # dcf3b 1；} p { padd :15 px 5px } ul Li { list-style : none；宽度宽度：140像素宽度：32像素文本对齐：居中；线高：32 px背景-颜色： # C4EA84border:1px固体# 9BEA75margin:0px汽车；边距-底部：10 px光标：指针指针；背景-图像：-网络套件-线性-渐变（顶部、#C4EA84、# 53AC 28)；背景-图像：-moz-线性-渐变（顶部、#C4EA84、# 53AC 28)；背景-图像：-o-线性梯度（顶部、#C4EA84、# 53AC 28)；-网络套件-边框-半径：4 px-moz-边界-半径：4 px-o型边界-半径：4 px}/style脚本类型=' text/JavaScript '窗口。onload=function(){ var BTN 1=document。getelementbyid(' BTN 1 ')；var BTN 2=文档。getelementbyid(' BTN 2 ')；var BTN 3=文档。getelementbyid(' BTN 3 ')；funClick=function(btnID，更改类){ btnID。onclick=function(){ var box class=BTNid。父节点。父节点。类名；var ifClass=BoxClass。index of(ChangeClass)；if(if CLaSS 0){ BoxCLaSS=BoxCLaSS ' '更改类；} else { BoxCLaSS=BoxCLaSS。替换(change class ' ')；} btnid。父节点。父节点。类名=BoxClass} } funClick(btn1，' DivWidth ')；funClick(btn2，' DivHeight ')；funClick(btn3，' DivBgColor ')；}/script/head dydiv class=' box ' p这里是少许文本/p ul li id='btn1 '点我调整宽度/li li id='btn2 '点我调整高度/li li id='btn3 '点我调整背景颜色/li /ul /div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。