在HTML里,当我鼠标移到一个div里 就显示一个隐藏的子div 并且鼠标移到哪 子div就跟到哪!求大神指教

如题所述

一个父div,里面嵌一个子div。
开始的时候将子div隐藏,即:子div.syle.display="none";
在父div添加onmouseover事件处理,将子div.style.display改成block。
对document.body添加onmousemove事件,通过event.clientX和event.clientY来获取鼠标的位置,然后更新子div的位置为鼠标的位置。
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-03-13
亲,这个得结合js来实现。
第2个回答  2014-03-20
onmouseover和onmouseout效果。。判断显示与上一个隐藏

...就显示一个隐藏的子div 并且鼠标移到哪 子div就跟到哪!求大神指教...
一个父div,里面嵌一个子div。开始的时候将子div隐藏,即:子div.syle.display="none";在父div添加onmouseover事件处理,将子div.style.display改成block。对document.body添加onmousemove事件,通过event.clientX和event.clientY来获取鼠标的位置,然后更新子div的位置为鼠标的位置。

...当鼠标移动到一个DIV内时,DIV显示,当鼠标移开DIV时,这个DIV就隐藏...
display是让该控件不显示,而不是隐藏,所以display='none'时,页面上根本不存在该DIV,故不能触发 如果你另外用一个按钮什么的触发就行了

html css 鼠标滑到一个图片\/div上会在一边显示另一个div。求解!!!
1, 2 外面包一层 div (称为3),并且 2 预设 display 设定为 none 隐藏 当鼠标滑过 3 ,就把 3:hover > 2 的 display 打开(block) 即可 不懂可以私信问我详细

html 点击一个按钮 显示另一个div 隐藏之前呢个div(display属性,怎么用...
show1.style.display = 'none';show2.style.display='block';} } <\/script> <input type="button" value="点击" id="btn" onclick="show(t1);"\/> <div id="t1" style="display:block"><h3>隐藏这个<\/h3><\/div> <div id="t2" style="display:none"> <h3>显示这个<span>烦烦...

...显示“B”div,并且鼠标能够在"B"div移动。如何用js实现?
){b.style.display="none";a.onmouseenter=function(){b.style.display="block";};a.onmouseleave = function(){b.style.display="none";};};<\/script> <\/head><body> <div id="a">aaaa<div id="b">bbbb<\/div><\/div> <\/body><\/html> ...

html标记中,怎么实现鼠标移动到一个文字上就弹出一个说明,鼠标移走说明...
设置标记的title属性就行了.比如 <font title="xxx">鼠标移上来<\/font> 就会显示xxx,移走就没了

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

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

点击一个div显示另一个隐藏div几秒后隐藏
大概的思路就是 响应一个div的点击事件 设置一个延时执行任务 任务里隐藏另一个div 简单粗暴的实现如下:<!DOCTYPE html><html> <style> \/* 这些样式是为了容易看,跟需求没关系! *\/ div { padding: 20px; border: 1px solid #aaa; margin-bottom: 20px; cursor: pointer; } <\/s...

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

相似回答