CSS DIV 怎么做出来鼠标移动上就显示其内容?

比如我有一行文字,鼠标移动上就显示其内容,鼠标离开就不显示内容。不明白的请看图片.谢谢高手....

第1个回答  2012-11-22
单纯的div+css可以用hover属性来做也可以用onmouseover~

如果可以用javascript或者其他组建 方法就多了 jquery的hover属性等~
第2个回答  2017-08-01
可以用$("#XX").onmouseover(function(){});和$("#XX").onmouseover(function(){});
第3个回答  2012-11-22
这种简单的效果,就不要用JS了,我写个示例,你自己根据灵活运用吧
HTML:
<div>
<span>Hello</span>
</div>

CSS:
div span
{
display:none;
}
div:hover span
{
display:block;
}

鼠标放在div上时,文字会显示出来
1、新建html文件,在body标签中添加一个div标签,div标签里面嵌套一个p标签,然后添加p标签内容,这里以“演示文本”为例:2、在head标签中添加style标签,然后在style标签中给p标签设置预先显示样式,预先是先不显示的,所以给p标签设置的属性代码是“p {display: none; }”;再给div设置宽和高,这里...

CSS DIV 怎么做出来鼠标移动上就显示其内容?
1、新建html文档,在body标签中添加一个div标签,然后在div标签中添加p标签,为p标签添加内容:2、为了方便演示,给div标签设置宽高和背景颜色,然后给p标签设置“display”属性,属性值为“none”,这样p标签中的文字默认情况下不会显示:3、给div设置hover伪类,当鼠标移动到div区域时,设置p标签的样式...

css鼠标放着显示介绍怎么操作css中鼠标放上去显示
如何在css中的链接文本上移动鼠标来显示文本,详见图片。1。创建一个新的html文件,并将其命名为test.html。2.在test.html文件中,创建一个div模块。接下来,将使用css来设置这个div的样式,以便鼠标可以移动到div来显示手形。3.在test.html文件中,将div的class属性设置为mydiv,主要用于css定义这个div...

div+css怎样实现鼠标移上去出现这样的样式
首先你要把代码写好,百左边是1级目录列表,度右边是2级目录列表,然后2级目录最大的知div用display:none先隐藏起来,道用hover。当鼠标经过1级目录时,给2级目录最回大的div添加display:block属性答让它显示出来。

鼠标移动到指定位置显示内容
HTML方式,CCS方式。1、HTML方式:可以使用div框来做出鼠标移动到指定位置显示内容的效果。2、CSS方式:通过display属性设置为none,即默认不显示该元素,当鼠标移动到该元素上时,再显示出来。

div+css 鼠标移到图片上显示文字内容?
1、首先输入:<!DOCTYPE html> <html> <head> <meta charset="utf-8" \/> <title>鼠标悬停图片上显示文字 在线演示 www.divcss5.com<\/title> <style> img{border:0}\/* css 注释说明:设置图片边框为0 *\/ body{behavior:url("csshover.htc");text-align:center;}\/* css注释说明:兼容ie6...

css中如何让鼠标移到链接文字上显示文字,详见图片
1、新建一个html文件,命名为test.html。2、在test.html文件内,创建一个div模块,下面将使用css设置该div的样式,实现鼠标移到div上显示手型。3、在test.html文件内,设置div的class属性为mydiv,主要用于css对该div进行样式定义。4、在css标签中,使用“*”来初始化页面所有元素的内边距为0,外边距...

...怎样让文本框里的字超过字数后,可以缩略显示变成点,当鼠标移上...
<div style="width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis">大连一号仓库一号一号<\/div> 鼠标移上去,,你可以用TIPS来显示,或者用title来显示就可以了,这样不会影响布局,

css文字移上去能显示全部
hover{}\/*鼠标经过的样式*\/ overflow\/*内容溢出框架的效果*\/ <style> .div{ width:100px; height:50px; overflow:hidden;}\/*内容溢出宽度100像素高50像素隐藏*\/ .div:hover{ overflow:auto;}\/*鼠标经过的时候,溢出的内容自动显示*\/ <\/style> <div class="div">这是一段文字!<\/div> ...

鼠标手型,css怎样使鼠标移到div上显示手型
显示鼠标手型的样式代码:<html><body><p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:<\/p><div style="cursor:pointer">Pointer<\/div><br \/><\/body><\/html>。给div添加设置cursor:pointer属性就可以了。cursor 属性规定要显示的光标的类型(形状),该属性定义了鼠标指针放在一个元素边界范围...

相似回答