jquery中鼠标滑过显示颜色，jquery鼠标经过图片变亮

怎么样让鼠标滑过的时候背景变成颜色?

设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。保存好html后使用浏览器打开，在鼠标没有滑过div时背景是红色的，当鼠标滑过div的时候背景从红色变为了棕色。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：button {background-color： #00a7d0}button：hover {background-color： #ff7701}。浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。将鼠标移入按钮，此时按钮的背景颜色变成了橙色。

新建一个html文件，命名为test.html。在test.html文件中，使用div标签创建一个模块，并设置其id属性为tid，下面将通过该id设置其css样式。在css标签内，对div进行样式设置，使用width属性设置div的宽度为200px，使用height属性设置div的宽度为20px，使用background属性设置div的背景颜色为红色。

设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码：.bg：hover{ background-color： burlywood；} 实用浏览器打开。保存好html后使用浏览器打开，在鼠标没有滑过div时背景是红色的，当鼠标滑过div的时候背景从红色变为了棕色。

背景设置 这里的背景是文字带上超链时的背景，可以是图片。显示方式 显示方式我们也选择块，如图不选择块，那么背景只会显示文字下面那一小块，其他的都是默认的颜色。

相关问答

Q1: jquery里实现鼠标经过变色

(蓝色盒子的任何选择器字符串).hover(function(e){ (this).find(p字段选择器).addClass(hover)；} function(e){ (this).find(p字段选择器). removeClass(hover)；} )；需要css配合建立.hove{background：#000；} 大概就这样。

在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。 如图 代码： style type=text/css .bg{ width： 150px； height： 150px； background-color： red； } /style 设置鼠标滑过div时背景变色。

楼主是这样的 jquery里hover事件不是mouseover和mouseout事件组合，而是mouseenter和mouseleave两个事件的组合。后者在遇到子元素是会触发mouseleave 所以楼主只要使用mouseover和mouseout事件而不是hover事件就可以了。

你只要明白事件触发的顺序就知道原因了：当你鼠标移到div上的时候，触发mouseenter事件，点击的时候触发click事件，然后鼠标移走触发mouseleave事件。

你想要的是绿色值的范围吧，个人觉得g值比其他两个大的差不多是绿色范围，但还没实践过。

Q2: 如何使用jquery,当偶数行为红色,当鼠标移上去就变成蓝色,移出来就变成...

当你鼠标移动到div上点击之后鼠标再移走，最后触发的事件是mouseleave事件，此时test是2而不是三。

(6)：mouseout事件：mouseout事件于用户把鼠标移出一个元素时触发，这包括从父元素移动到子元素上，或者使用键盘跳到元素上。

js写。也就是加个样式啊。比如jq的 首先定义一个样式。

参考以下代码，选中input标签时记录原值，输入字符或其它事件需要时返回原值。var jiu=；//存储原值为以后改回原值用。

(div).hover(function(){$(this).css(background-color，red)；}，function(){$(this).css(background-color，blue)；})；说明：引用jQuery，鼠标移到时显示红色，移出时显示蓝色，具体颜色你可以自己选择。

Q3: 鼠标背景颜色鼠标点击后变成红色,随着点击下一个框的时候跟着变化到下一...

这个是用javascript控制的。非常简单。复制到body里面试下。

当你鼠标移动到div上点击之后鼠标再移走，最后触发的事件是mouseleave事件，此时test是2而不是三。

使用background属性设置背景颜色为黄色。在test.html文件中，给div绑定onmouseover鼠标移动事件，当鼠标移动至div时，执行myfun（）函数。在test.html文件中，在js标签内，创建一个myfun（）函数，在函数内，使用getElementById（）获得div对象，通过className（newbg）设置div的新背景颜色。

，将方框转换为动态面板。在元件管理下，双击动态面板，新建state2。双击state2，在state2界面（0，0位置）建立一个与原始界面同样的方框，用红色填满。2，在原始界面，点击按钮，设置该元件的交互——添加一个事件，双击“当鼠标单击时”，在弹出的页面内“动态面板”下“设置面板状态”。

该方法需要在代码中人为修改符合要求的单元格区域范围（如上面的A1：D10），执行时可根据需要自行修改，也可以通过输入对话框Inputbox()等方式自动引入（此处从略）。

Q4: 用Jquery如何改变鼠标移过去和移出来的背景图片?

鼠标划过的时候先移除所有这个class在在这个划过的li上添加这个class，就可以了。

首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。其次，完成上述步骤后，在index.html的标记中，输入下图红框中的jquery代码，如下图所示。接着，完成上述步骤后，浏览器运行index.html页面，显示出了其中1张背景图片，如下图所示。

在很多网页中我们都看到当鼠标滑过一个内容时，这个内容的背景会改变颜色。设置鼠标滑过背景变色只需用到 ：hover 即可设置成功。语法： div：hover{background-color： red；} 创建一个新的html文件。如图 在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg 。

jquery改变CSS背景图修改方法如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({background-image：url(../images/msg_btn.gif})；Jquery-CSS用法css() 方法返回或设置匹配的元素的一个或多个样式属性。返回第一个匹配元素的 CSS 属性值。

完全不需要借助jquery或者说js 例如你的这几个div拥有一个class，title-div，那么只需要 .title-div：hover { border-radius： 8px；} 就可以实现鼠标一上去圆角。不过要是需要兼容IE6/7/8这种不支持CSS3特性的浏览器，就得使用CSS3Pie之类的库，你可以搜索下，在官网上看看他介绍。

a{background：url(原始背景图路径) no-repeat；} a：hover{background：url(变暗后背景图路径) no-repeat；}/*鼠标经过变换背景图 也可以只用底色如：background：#000；*/ 方法二：用Jquery，仍然是变换两个背景图片。

jquery中鼠标滑过显示颜色的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery鼠标经过图片变亮、jquery中鼠标滑过显示颜色的信息别忘了在本站进行查找喔。