js中如何实现鼠标移动显示的<div>问题

<div>大小覆盖后面的内容,而不能使其它的布局变形,感觉就像一个小框,对其进行详细的说明; 鼠标移动到起价说明那里,就显示个小框。

这个问题,你可以在<div>标签里边设置一个隐藏域然后再用一个click点击事件,当鼠标放在价格栏的时候显示隐藏域。
如有疑问请追问
满意请采纳
如有其它问题请采纳此题后点求助,
答题不易,望合作
祝身体健康O(∩_∩)O追问

但是 里面显示的时候,不是覆盖后面的内容的,直接是向插入内容= =

追答

如你上的图所示,就是往标签里边插入一个隐藏的《DIV》块 在用CLICK实现的
如有疑问请追问
满意请采纳
如有其它问题请采纳此题后点求助,
答题不易,望合作
祝身体健康O(∩_∩)O

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-05-20
<div>里设置隐藏层,把隐藏层的父级标签设置相对定位position:relative;,把隐藏层设置绝对定位position:absolute;,用left:**px;top:**px;定位,再用index-z:99;来保证兼容。
然后再添加onmouseover使层display:block; onmouseout使层display:none;
第2个回答  2013-05-20
定义一个隐藏的Div 使用鼠标事件onmousemove等 (具体查看JS相关文档)进行隐藏hide()和显示show()

js点击div移动位置?
box.style.left=a+'px';\/\/每点击一次,向右移动50px } jquery如何实现点击一个按钮div框从右→左,再点击按钮div框从刚刚的位置移动回原来的位置?1、新建一个html文件,命名为test.html。2、在test.html文件内,使用div标签创建一行文字,文字内容为“小明”。3、在test.html文件内,设置div标签的...

js鼠标移动到某元素显示div的问题!
方法A:把浮动div和触发元素a放于同一个父级元素内,鼠标经过父级元素时触发显示。这样鼠标移动到div时仍然处于该父级元素内,则div不会隐藏。方法B:鼠标经过a时弹出div,鼠标离开a时设置一个计时器用来关闭div,如果鼠标移动到div后则清除计时器。

关于js的鼠标移入移出事件
在JavaScript中,处理鼠标移入和移出事件主要使用onmouseenter、onmouseover、onmouseleave和onmouseout属性。具体代码如下:为id为"selectModal"的元素绑定鼠标移入事件:document.getElementById("selectModal").onmouseenter = function() { console.log('鼠标移入')} 绑定鼠标移出事件:document.getElementB...

js如何实现:在页面中任意位置点击鼠标,则在该位置显示一个div
1.页面复制有一个id为c2的div,下面有一个子div,下面有一个按钮,事件是用来点击100个adddiv。2.在event函数中,定义一个内容为degreediv字符的字符串变量。3.然后使用jquery的append将已知的div字符串添加到c2div,如下所示。4.运行页面,现在只看到一个div,如下图所示。5.单击下面的按钮来触发添...

js设置光标位置(js获取光标所在元素)
在test创建一个div,id为a,并赋予宽高与背景色。3.在浏览器打开鼠标就是默认的样式。4.现在我们在div的后面添加script脚本,让鼠标移动到div上变为手形状。 6. js获取元素下标可以用JS中对List、Map的遍历的方法1.方法1$.each(list2,function(index,items){console.info(index+:+items);});\/\/遍历map$....

js鼠标单击事件显示隐藏的DIV?
给div动态添加display的样式,block是显示,none是隐藏。所以你上边空着的双引号里写上block就可以了。

javascript如何做鼠标放上去就出现一个下拉列表.
其实JS里面实现的各种鼠标点击,移动就显示什么什么东西的玩意全都是用两个办法实现的。一种是设置DIV层的高度,首先设置为0,鼠标移到特定的地方后,设置DIV层高度为正常高度。另一种是设置DIV层的可见属性为隐藏,.div1{displya:none;},这样就整个隐藏了(是绝对隐藏,网页上是不存在这个元素的。连...

鼠标放在超链接上, 显示DIV。 移开后隐藏DIV。
1、首先我们在html里定义一个div,id为‘mouse_div’,然后定义该div的样式,主要是定义position,让其绝对定位。2、然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本,因为用到jquery操作dom。3、最后添加代码,在页面加载完后,给页面添加鼠标mousemove事件,在事件函数里,调用 moving方法,就实现...

用js控制div跟随鼠标移动,鼠标点击后,鼠标离开,div留在当前点击的位置怎...
你要的应该是拖拽效果,可以通过jq插件做 http:\/\/www.runoob.com\/jqueryui\/example-draggable.html基本原理就是鼠标按下修改div的left和top(或者right\/bottom)。鼠标离开不变。<!DOCTYPE html><html><head><script src="\/jquery\/jquery-1.11.1.min.js"><\/script><Style>#test{position:absolute...

js怎么设置鼠标位置
<div id="point-loc"><\/div> 使用pageX、pageY获取鼠标当前位置。在<title>标签后面新建一个<script>,创建鼠标移动时获取鼠标当前的位置。如图:js代码:<script type="text\/javascript"> document.onmousemove = function(e){ var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY document....

相似回答