为什么div的mouseover只能在鼠标移动到div里的文字时才被triger啊? 确实是啊,我的div没有设置宽度,是自动调整宽度的. 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 你先把div的背景颜色换成红色看看是不是自动调整大小的再说吧。如果在自动调整大小,那么你用css给它固定好不就行了么。 你需要的非文字部分多高,你就把层用CSS设置多高,文本多的话他自己会撑高的 请试验一下<div style="cursor:hand"></div> <html><style>.item{background-color:#00dd00; border:1px solid #FFFFFF;CURSOR: hand;left:100px;top:100px;} .group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px; BACKGROUND-COLOR: #FFFFFF;} </style><body> <div > <div class="group"> <div class="item">Item1</div> <div class="item">Item2</div> <div class="item">Item3-----</div> <div class="item">item4</div> </div> </div></div></body></html> 这就我的代码,因为不知道item里的文字最长的有多长啊,所以无法设置,我想作一个菜单的,每个item应该一样长的. (以前用的)判断鼠标是否进入了某一个块的区域内:function InRect(E){ return (event.x >= parseInt(E.style.pixelLeft)) && (event.y >= parseInt(E.style.pixelTop)) && (event.x <= parseInt(E.style.pixelLeft) + E.offsetWidth) && (event.y <= parseInt(E.style.pixelTop) + E.offsetHeight);}function DocMouseMove(){ var obj = document.all["divID"]; if (InRect(obj)) { fFadeOut = false; if (obj.filters.alpha.opacity!=100) DivMouseEnter(obj); } else if (obj.filters.alpha.opacity==100) DivMouseLeave(obj);}document.onmousemove = DocMouseMove;另外,你有些内容可以用table代替。 给你的DIV设置边框看看到底这个DIV实际有多大 将cursor:hand放入外层的样式中,即.group中:<html><style>.item{background-color:#00dd00; border:1px solid #FFFFFF;left:100px;top:100px;} .group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand} </style><body> <div> <div class="group"> <div class="item">Item1</div> <div class="item">Item2</div> <div class="item">Item3-----</div> <div class="item">item4</div> </div> </div></div></body></html> <html><style>.item{background-color:#00dd00; border:1px solid #FFFFFF;left:100px;top:100px;} .group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand} </style><body> <div> <div class="group"> <div class="item" onmouseover="alert('Item1');">Item1</div> <div class="item">Item2</div> <div class="item">Item3-----</div> <div class="item">item4</div> </div> </div></div></body></html>新代码 <html><style>.item{background-color:#00dd00; border:1px solid #0000DD;left:100px;top:100px;} .group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand} </style><body> <div> <div class="group"> <div class="item" onmouseover="alert('Item1');">Item1</div> <div class="item">Item2</div> <div class="item">Item3-----</div> <div class="item">item4</div> </div> </div></div></body></html>最新的 1. div 的大小的确是和绿背景一样大.2. 改成cursor:hand也是一样的,另外菜单也不能用hand cursor啊 不过我现在改用table实现了,onmouseover加在tr上.谢啦 求助,简单JS设置问题(好久没来,今天送分) 时间格式判断 壮士们,帮帮我吧~绕昏了头! javascript+ajax+Jquery 简单的年份数字验证,IE上不能正常运行,而FireFox上可以。求解! 为什么新浪的BLOG编辑器的源代码,html的标签都是小写的,可市面上的编辑器,其源代码的标签却都是大写的? 这个如何同时刷新两个页面?? 求高手帮忙看一段JS的写法 一个Java问题,关于修改程序。 如何去掉讨厌的提示框。在线等待 小弟刚学,用window.showModalDialog()打开的子页面的大小宽度可以改变吗? 100分!div id的问题.
<div style="cursor:hand"></div>
<style>
.item{background-color:#00dd00; border:1px solid #FFFFFF;CURSOR: hand;left:100px;top:100px;}
.group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px; BACKGROUND-COLOR: #FFFFFF;}
</style>
<body>
<div >
<div class="group">
<div class="item">Item1</div>
<div class="item">Item2</div>
<div class="item">Item3-----</div>
<div class="item">item4</div>
</div>
</div>
</div>
</body>
</html>
我想作一个菜单的,每个item应该一样长的.
function InRect(E)
{
return (event.x >= parseInt(E.style.pixelLeft))
&& (event.y >= parseInt(E.style.pixelTop))
&& (event.x <= parseInt(E.style.pixelLeft) + E.offsetWidth)
&& (event.y <= parseInt(E.style.pixelTop) + E.offsetHeight);
}
function DocMouseMove()
{
var obj = document.all["divID"];
if (InRect(obj))
{
fFadeOut = false;
if (obj.filters.alpha.opacity!=100) DivMouseEnter(obj);
}
else if (obj.filters.alpha.opacity==100) DivMouseLeave(obj);
}document.onmousemove = DocMouseMove;另外,你有些内容可以用table代替。
<style>
.item{background-color:#00dd00; border:1px solid #FFFFFF;left:100px;top:100px;}
.group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand}
</style>
<body>
<div>
<div class="group">
<div class="item">Item1</div>
<div class="item">Item2</div>
<div class="item">Item3-----</div>
<div class="item">item4</div>
</div>
</div>
</div>
</body>
</html>
<style>
.item{background-color:#00dd00; border:1px solid #FFFFFF;left:100px;top:100px;}
.group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand}
</style>
<body>
<div>
<div class="group">
<div class="item" onmouseover="alert('Item1');">Item1</div>
<div class="item">Item2</div>
<div class="item">Item3-----</div>
<div class="item">item4</div>
</div>
</div>
</div>
</body>
</html>新代码
<style>
.item{background-color:#00dd00; border:1px solid #0000DD;left:100px;top:100px;}
.group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand}
</style>
<body>
<div>
<div class="group">
<div class="item" onmouseover="alert('Item1');">Item1</div>
<div class="item">Item2</div>
<div class="item">Item3-----</div>
<div class="item">item4</div>
</div>
</div>
</div>
</body>
</html>最新的