ntjm.net
当前位置:首页 >> js改变Div背景颜色 >>

js改变Div背景颜色

<!DOCTYPE html><html> <head> <title> js随机改变标签背景颜色 </title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style type="text/css"> * { margin:0; padding:0; } body {font-size:12px;line-height:150%;font-family

用jquery实现很简单 1、变高: $("#divid").height($("#divid").height() + 10); 2、变宽: $("#divid").width($("#divid").width() + 10); 3、变背景色: $("#divid").css('background', 'red');

1、首先打dreamware软件,然后在 body中写入一个 div,把div赋予一个 id方便提取;2、用css写div属性和初始的背景色,width宽度值;height高度值;background初始的背景色.3、写进<script>标签,定义一个变量<mydiv>获取前面定义好的div.4、然后用onmouseover事件,鼠标移动时触发事件,来控制鼠标在div时,背景色变为红色.5、接着用onmouseout事件,鼠标离开元素时触发事件,来控制div背景色变为绿色,如图所示.

你是想这样的吧:function border1(color1){ $("border1").style.border = "1px solid #" + color1; $("border1").style.borderTop = "5px solid #" + color1; //body背景颜色:document.bgColor = "#" + color1; }另外:.style.border = "1px solid #" + color1;好像设置不了,好像要分别设置像素,样式,颜色.当然这个我没仔细看过.你自己能用就行.

默认是使用了jquery 第一种直接修改:$("#ID").css({"background-color":"颜色值"}); 第二种使用预定义的css:$("#ID").removeClass("旧颜色class")$("#ID").addClass("新颜色class")

JS改变背景颜色,第一先找到对象,然后在改变对象的背景颜色,给对象一个ID,或NAME值 var obj = document.getElementById('对象ID'); obj.style.backgroundColor = "这是需要改变的背景颜色值";

一共有三个问题,结合代码看,这是我测试过的1. 代码加载 时按照文档里的先后顺序,从上往下依次加载,你在js代码中提前定义了 div1,当时真正的html标签<div1></div1> 还没有被加载 所以你得到一个 undefined 对象.当你执行方法时 它会已用你的 这个undefined 对象,所以代码会报错 不执行***记得以后如果要内联写js,记得把<script>标签放到</body>前面***2. 函数参数形式写错了 onmouseover=window.setTimeout(chg(),3000)></div>3. js里面设置背景,属性值是这样的 backgroundColor

//js 方法document.getelementbyid('div2').style.backgroundcolor='#ff0000';//jquery方法$("#divid").css("background-color","red");

<html><head><script language="javascript">function a(){ document.getElementById("d").style.background="red";}</script></head><body onload="a()"><div id="d"></div></body></html>

<body id="a" style="background:red" ><script language="javascript"> function ChangeBgColor(colorIndex) { var dombody = document.getElementById("a"); if (dombody == null) { return; } else { switch (colorIndex) { case 1: dombody.style.

snrg.net | jtlm.net | ceqiong.net | rtmj.net | hhjc.net | 网站首页 | 网站地图
All rights reserved Powered by www.ntjm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com