JS，移动到文字上显示一个div层，然后鼠标可以移到这个div层，当鼠标不在div层时，div层会自动隐藏。

JS，移动到文字上显示一个div层，然后鼠标可以移到这个div层，当鼠标不在div层时，div层会自动隐藏。
代码越简单越好，越少越好，支持ie6,7,ff,等的主流浏览器。
例如：www.vancl.com，首页的导航条“男装”“女装”，鼠标移上去的效果，一模一样即可，谢谢啦。

举报该问题

推荐答案 2011-03-30

一个可能的方法就是做两张图片，一张是灰蒙蒙的，一张是原来的，比如原来那张是 1.jpg, 另外一张处理过的是 2.jpg，HTML代码如下

<img src="1.jpg" onMouseOver="this.src='2.jpg'" onMouseOut="this.src='1.jpg'">

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/vezOjzXvj.html

相似回答

JS,移动到文字上显示一个div层,然后鼠标可以移到这个div层,当鼠标不在...答：一个可能的方法就是做两张图片，一张是灰蒙蒙的，一张是原来的，比如原来那张是 1.jpg, 另外一张处理过的是 2.jpg，HTML代码如下 <img src="1.jpg" onMouseOver="this.src='2.jpg'" onMouseOut="this.src='1.jpg'">

怎样用JS实现在滚动的一行文字的时候,把鼠标移动到该文字上的时候使文字...答：<MARQUEE id="msky" direction="left" width="780" scrolldelay ="200" onmouseover="this.stop();" onmouseout="this.start();"> <span class="style2"> 今天晴转多云 25℃～34℃ 东南风3-4级</span></MARQUEE> ...

用js控制div跟随鼠标移动,鼠标点击后,鼠标离开,div留在当前点击的位置怎...答：} <div onmousedown="Move_obj(this.id)" id="dd" style="width:100px;height:100px;background:red"></div> 如果需要以后都留在此位置，需把当前位置的坐标保存到数据库，下次打开时读取数据加载div

用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...

...到特定的文字上弹出一个div,当鼠标移出这个文字时di消失答：function showDiv(event){ tip.left = event.x;tip.top = event.y;tip.style.display = "inline";} function hideDiv(event){ tip.style.display = "none";} </script> </head> <body> <p onmouseover="showDiv(event)" onmouseout="hideDiv(event)">hover me!</p> <div id="tip">...

css+js 触发之后边边出现一个div,且鼠标移到那个div时div不消失答：title.style.transform='scale(1.4)'} title.onmouseout=function(event){ var x=event.clientX;var y=event.clientY;var divx1 = hiddenDiv.offsetLeft;var divy1 = hiddenDiv.offsetTop;var divx2 = hiddenDiv.offsetLeft + hiddenDiv.offsetWidth;var divy2 = hiddenDiv.offsetTop + hiddenDiv...

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

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

点击js弹出div层,当鼠标移出div层窗口后任意点击关闭div层窗口!大虾们...答：js:document.onclick = function(){ if(document.activeElement.id=='single'){ document.activeElement.style.display ="none";//控制别的div的也可以在此延伸 } } html：<div id="single" style="width:800px;height:200px;background-color:blue;" > </div> <hr> <div id="tools" ...

大家正在搜

vue鼠标悬浮在div上显示文字 JS利用文字让div的显示 JS利用文字实现div的显示设置div中的文字居中显示 div里显示两行两列的文字 div的显示与隐藏不显示div div内容不显示 js向div中添加文字

JS，移动到文字上显示一个div层，然后鼠标可以移到这个di...

怎样可以鼠标移动到文字上显示出另一个隐藏的div

不用JS实现鼠标移到DIV里面显示DIV 移出来再隐藏DIV

js 鼠标移入div，右边显示子div，当鼠标移除时子div...

在div层上当鼠标移上显示另一个div层效果jquery怎么...

如何通过JAVASCRIPT实现，当鼠标移动到一个DIV内时...

鼠标移动到字上然后在鼠标旁边出现div

javascript：鼠标移至元素上，在元素上方出现div