Question

我想在div上显示一个圆角图像鼠标悬停 .. div内容是动态的..所以我需要相应地增加图像的高度..如何做到这一点..？请帮忙

Answer 1

如果我理解正确并且您希望在鼠标上方对div角进行舍入，则可以这样做。

将角落图像作为背景放置4个div。

的CSS：

d1, d2, d3, d4

{

   position:absolute;
   display:none;

}

d1
{

   background-image:url('cornertop.extension');
   top:0px;
   left:0px;

}

等。为所有

HTML：

<div id="yourid" onmouseover="roundCorners();" onmouseout="deRoundCorners()">
content
</div>

的javascript：

function roundCorners()
{

   document.getElementById('d1').style.display=block;
   document.getElementById('d2').style.display=block;
   document.getElementById('d3').style.display=block;
   document.getElementById('d4').style.display=block;

}

function deRoundCorners()
{

   document.getElementById('d1').style.display="none";
   document.getElementById('d2').style.display="none";
   document.getElementById('d3').style.display="none";
   document.getElementById('d4').style.display="none";

}

如果我理解正确应该这样做......如果没有......请提供更多细节。

如何在动态高度的鼠标悬停上给出圆角图像

1 个答案: