怎样用js设置div的背景色

如题所述

1、首先打dreamware软件,然后在 body中写入一个 div,把div赋予一个 id方便提取;

2、用css写div属性和初始的背景色,width宽度值;height高度值;background初始的背景色。

3、写进<script>标签,定义一个变量<mydiv>获取前面定义好的div。

4、然后用onmouseover事件,鼠标移动时触发事件,来控制鼠标在div时,背景色变为红色。

5、接着用onmouseout事件,鼠标离开元素时触发事件,来控制div背景色变为绿色,如图所示。

温馨提示:内容为网友见解,仅供参考
无其他回答

怎么用JS动态更改DIV层的背景色?
1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。2、在index.html中的<script>标签,输入js代码:$('div').css('background-color', 'blue');。3、浏览器运行index.html页面,此时div的背景颜色被js动态修改为了蓝色。

怎样用js设置div的背景色
1、首先打dreamware软件,然后在 body中写入一个 div,把div赋予一个 id方便提取;2、用css写div属性和初始的背景色,width宽度值;height高度值;background初始的背景色。3、写进<script>标签,定义一个变量<mydiv>获取前面定义好的div。4、然后用onmouseover事件,鼠标移动时触发事件,来控制鼠标在div...

js中怎么用select改变div背景颜色
要写select选中事件,根据选中改变背景或者CSS <script src="jquery.min.js"><\/script> <div id="div">这是一个文本框<\/div> <select name="" class="select"> <option>选择颜色<\/option> <option value="red">红色<\/option> <option value="green">绿色<\/option> <option value="yellow"...

用JS设置div的背景图问题
background是全局的背景设置,例如 body { background: #fff url('xxx.png') no-repeat}拆分出来就是 body { background-color: #fff; background-image: url('xxx.png'); background-repeat: no-repeat;}你设置了obj.style.background就覆盖了background-image,所以你要改成这样 ...

js能改变div的背景图片吗
js可以控制div的背景的,除了颜色外,图片也可以:颜色控制:document.getElementById('a').style.background="#FF0000";背景控制:var div=document.getElementById(divid);div.style.backgroundImg= ".\/img\/bgImge.jpg";

怎么用js实现,在网页中插入一个会变颜色的div块,求完整代码
<div id='test' style='width:300px;height:300px;background:#00F;'>测试的div<\/div><script>var div=document.getElementById('test');\/\/获取元素div.onmouseover=function(){ \/\/鼠标经过 this.style.background='#F00';\/\/背景变成红色};<\/script> ...

用js怎么实现div背景图片变换?
调用window.setInterval(handler, time)方法去变换,可以写在onload事件里,或者卸载页面最后用<script><script>块里面 页面上有一个div的话,这个div里面应该有个<img>的吧,图片的话你用一个数组将文件名放起来,搞个随机数,然后就将img.src = 'arr[i]';这样弄就应该能实现 ...

在“js”中怎么设置div的背景图片?
第一种方法:预先设置一个样式,然后在js中操作,给div加上这个class。html代码:--- <div id="test"><\/div> --- 预先设置一个样式:--- .bg { background-image: url(xxx.jpg);} --- 然后js获取这个div,给div加上名为bg的class --- var div = document.getElementById('test');...

js怎么让div变高变宽 变背景颜色
用jQuery实现很简单 1、变高: $("#divId").height($("#divId").height() + 10);2、变宽: $("#divId").width($("#divId").width() + 10);3、变背景色: $("#divId").css('background', 'red');

js中怎么改变div的背景颜色
("#divID").css("background-color","red");

相似回答
大家正在搜