鼠标移动DIV后变色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标移动DIV后变色相关的知识,希望对你有一定的参考价值。

我想要的效果是鼠标移上 一个 DIV ul li 里背景和边框边色,li 里还包含有DIV 的。但里面的DIV 保持不变。请问该怎么做呢?

下面是效果图,怎么做呢?

这个你需要JS来支持.IE6还不支持除a标签的hover属性,我给你说下方法.
用JS动态来设置这个DIV的样式,当数据挪动到这里的时候给他这个外围的DIV添加一个样式,移开的时候删除掉追问

额,我对JS 不熟悉喔!

追答

嗯,我给你写个简单的例子,你参考这个修改

$(function()
$('ul.img li').mouseover(function()
$(this).addClass("hover").siblings().removeClass("hover");
)
)

ul liheight:50px;width:100px;
ul li imgheight:50px;width:50px;
.hoverborder:1px solid #ccc;background:red;

参考技术A ul li:hover
background:#ccc;

ul li:hover div
background:#fff;


但是IE6就。。。

C# winfrom程序可以实现按钮的鼠标悬停变色,离开恢复,按下时变成黑色并一直保持吗

现在默认都是灰色的。
我想在鼠标移动到这个按钮上面时,这个按钮就成更深一点的灰色,
离开后恢复原来的颜色,
当按下去时这个按钮变成黑色并一直保持,
直到我再去按另一个按钮时,这个按钮再变回默认的灰色,
有点长,呵呵,但意思已经讲明白了

一个全局变量记录被按下的按钮控件对象
1设置所有按钮颜色为灰色
2所有按钮的鼠标进入事件相同,检测被按下按钮是否为该按钮,不是的话将该按钮的背景色改为深灰
3所有按钮的鼠标移出事件相同,检测被按下按钮是否为该按钮,不是的话将按钮的背景色设置为灰色
4按钮点击事件,执行方法1,并将触发事件的按钮背景色设为黑色,将全局变量记录被按下的按钮设置为该按钮

可使用sender as button 来获取被点击的按钮追问

感谢您的回复,当还是没有弄太明白,可以告诉我QQ,我加你然后给你代码吗 我的QQ58385066

参考技术A 用mousehover和mouseleave事件就行了
mousehover表示鼠标在控件上,mouseleave表示鼠标离开控件

以上是关于鼠标移动DIV后变色的主要内容,如果未能解决你的问题,请参考以下文章

如何用CSS 设置 当鼠标移动到菜单时,该按钮变色,鼠标点击后,页面停留在鼠标滑过时的状态!!很急!

EXCEL 鼠标移过得单元格颜色自动变色

鼠标移动上去使字体变色,这代码怎么写

当鼠标移动到表格中,表格变色,应该怎么做?

css 鼠标点击后变色,点下一个连接,上一个怎么变回来啊 ? http://www.hfty.com/products.asp?treeid=51

js代码实现鼠标移动到上面一个效果,鼠标离开效果保持