鼠标滑过,鼠标不停下滑

鼠标滑过div让另外一个div从隐藏变为显示

1、给鼠标经过的DIV添加一个类 ，类名为submeau；如下图：

2、给显示或者隐藏的DIV，添加一个ID，ID名为:id="oa_submeau"，如下图：

3、将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。

script src=""/script

script type="text/javascript"

$("#oa_submeau").hide();

$(".submeau").hover(function () {

$("#oa_submeau").show();

}, function () {

$("#oa_submeau").hide();

})

// 鼠标移动到list的div上的时候list div不会被隐藏

$("#oa_submeau").hover(function () {

$("#oa_submeau").show();

}, function () {

$("#oa_submeau").hide();

})

/script，这样就可以实现鼠标经过某个区域时显示隐藏的DIV，离开时再次隐藏DIV。

鼠标滑过时令文本变色,应用到的是哪个伪类选择器

hover动态伪类选择器。在css样式的补充中，hover动态伪类选择器效果可以使鼠标滑过前面紧贴元素目标时，改变文本颜色，改变字体大小，从而触发动态效果。

在CSS中如何设置一个按钮鼠标划过变颜色。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。

4、将鼠标移入按钮，此时按钮的背景颜色变成了橙色。