使用CSS :hover 伪类可以达到这个效果。
定义和用法
:hover 选择器用于选择鼠标指针浮动在上面的元素。
提示：:hover 选择器可用于所有元素，不只是链接。
提示：:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接。
注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。
实例
div{background-color:grern;}
div:hover{ background-color:yellow;}
/*当鼠标悬浮到div上方是，将背景颜色更改为黄色*/
2、css要加这一句，display:block追问
你好，不管用
你好，我用的就是onmouseover
这里是文字内容
这样的话，因为每次都要下载图片，所以中间会有一段时间出现空白，即使有缓存，那也会出现这种情况；
最好就这样：定义两个样式
.style1{background-image:url(img/bg2.gif);}
.style2{background-image:'url(img/bg1.gif);}
然后
这里是文字内容
.a1{
background:url(1.gif) no-repeat center;
width:80px;
display:block;
}
.a2{
background:url(2.gif) no-repeat center;
width:80px;
display:block;
}
</style>
</head>
<body>
<div class="a1" onmouseover="this.className='a2'" onmouseout="this.className='a1'">
liuxingyu<!--文本内容在此输入-->
</div>
</body>
鼠标点击DIV时,如何使DIV背景图片变暗?
方法一： 用CSS a 伪类控制：把原始背景图作为a的背景图，另用PS做一个变暗后的背景图 \\x0d\\x0a a{background:url(原始背景图路径) no-repeat;}\\x0d\\x0a a:hover{background:url(变暗后背景图路径) no-repeat;}\/*鼠标经过变换背景图 也可以只用底色如：background:#000;*\/\\x0...
如何CSS的a:hover完成替换背景图片?
1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<style>标签中，输入css代码：div{height: 80px; background: url(small3.png)}div:hover{background: url(small2.png)}。3、浏览器运行index.html页面，此时div显示的背景图片是small3.png。4、将鼠标移入div，此时...
css+div html 鼠标滑过div里的内容变样式?
1、先在找个文件夹创建文件index.html。2、然后用能编辑文本文件的软件打开index.html，index.html的初始内容如图。3、接着编写两个样式作为鼠标移动时div修改的样式。4、然后编写js代码修改div的样式。5、编辑完index.html后保存，在浏览器中打开index.html。效果如图。鼠标移入移出div时，div的样式改变...
求css+div导航。鼠标经过换背景那种的,做好发邮件。759298299@qq.com我...
假设是横向导航我们用 <ul>标签浮动，在对应css的<li>标签下放张背景图，设置高宽；当鼠标hover上去你就更换另一张背景图即可，加上下面这句代码：li a:hover{background:url(XX.jpg) no-repeat;}
CSS+DIV实现鼠标经过背景图片变换
<div style="width:200;height:200;background-image:url( http:\/\/www.bluege.com\/images\/logo.gif)" onmouseover="this.style.backgroundImage='url(1.gif)';" onmouseout="this.style.backgroundImage='url( http:\/\/www.bluege.com\/images\/logo.gif)';" ><\/div> ...
CSS中如何让鼠标经过时显示背景图片
<\/div> <div class="d2" onmouseover="showbg(this)" onmouseout="hidebg(this)"> <!--分别设置了鼠标进入、离开的事件 --> div2 <\/div> <\/body> <script> function showbg(e){ e.style.background="url(2531170_142659950000_2.jpg)"; \/\/用javascript来改变背景图片样式 } function hidebg(e){...
CSS里鼠标点击div里的LI A时加上背景图片
CSS里面没有点击事件，只能控制鼠标移入的时候显示！小案例：<!doctype html><html> <head> <meta charset="utf-8"> <title>CSS里鼠标点击div里的LI A时加上背景图片<\/title> <style type="text\/css"> div:hover>a{background: url(img\/5.jpg);} <\/style> <\/head...
CSS怎么实现,鼠标移动到子级上改变父级背景图片
function(){ $(".chose").on("mouseover","span",function(){ $(this).parent().css("background","url(image"+$(this).text()+".jpg)"); });});<\/script>这里使用的背景图片是image1.jpg、image2.jpg、image3.jpg、image4.jpg ...
jquery,鼠标停留改变div中的图片,只能改背景色,图片无法加载。$("#ma...
看你这个样式的background的值是空的,不知道你要改变图片还是去掉图片,你可以修改 background-image的值,background-image:url(图片地址)还有一种方法,如果背景图是固定的几个,可以提前写好几个class,重新设置className就行了
css怎么设置鼠标变背景
CSS定义鼠标滑过导航菜单，背景可以是CSS定义的纯色，也可以是丰富色彩图案的图片，文字则是实实在在的，但它无法做到又酷又炫，但其优点是更利于搜索优化和CMS中使用。来看一个简单实例，就是给a:hover(鼠标悬停)加一个背景颜色，如下图：试下，鼠标移动到“导航菜单”文字上就可以看见黄色背景，移开...
