程序博客网 > 婚庆策划软件

js中变色小特效

来源：互联网发布：婚庆策划软件编辑：程序博客网时间：2024/04/29 10:11

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>变色</title>
<style>
#div1{
background:#FF3;
width:200px;
height:200px;
}
</style>
<script>
function toGreen(){ //定义一个函数变绿
var chan=document.getElementById('div1');    //定义变量改变    获取div1
chan.style.background='green';    //变量的风格的背景变为绿色
}
function setColor(color){    //定义函数   设定颜色
var oDiv=document.getElementById('div1');
oDiv.style.background=color;//不用单引号或者双信号
}

</script>
</head>

<body>

<input type="button" value="变绿" onclick="toGreen()"> //一些按钮
<input type="button" value="变红" onclick="setColor('red')">
<input type="button" value="变黑" onclick="setColor('black’)"><--不能使用双引号否则就会出现SyntaxError: expected expression, got end of script-->
<div id="div1">
</div>
</body>
</html>

0 0

婚庆策划软件

婚庆策划软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子井川菜乃花川菜馆川菜美铃川菜特点阿龙川菜川菜豆腐鱼川菜代表菜川菜菜单川菜名菜家常川菜新派川菜川菜大全好吃的川菜川菜特色菜川菜经典川菜的做法川菜有哪些川菜的特点川菜食谱川菜做法特色川菜川菜特色川菜家常菜川菜排行榜川菜水煮鱼川菜速成班川菜餐厅菜谱川菜新式川菜川菜素菜川菜的品格川菜快餐有名的川菜川菜菜名川菜的名菜老屋川菜川菜菜谱大全经典川菜100款川菜菜谱大全图片热菜正宗川菜160例大全川菜大全130道菜图作法