Question

各位大家好我有鼠标悬停div我想改变div的边界。更多东西id是动态改变的。请为我提供任何帮助感谢

Answer 1

这不能解决问题吗？

div {}
div:hover {border:1px solid #000000;}

Answer 2

如果您希望它在所有浏览器中运行，您需要使用javascript而不是伪类:hover。旧版本或IE不喜欢：将鼠标悬停在非锚标签的元素上。

所以你可以只为div提供一个类，然后使用jQuery轻松选择它。这可能是最简单的方法。

类似的东西：

$(function(){

  $('.yourclass').hover(
    function(){
       $(this).addClass('hovered');
    },
    function(){
       $(this).removeClass('hovered');
    }
  );

});

班级悬停包含你悬停状态的css。

如果您想在悬停时更改ID，可以使用$(this).attr('id','newID');

将其添加到上面的代码中

Answer 3

CSS提供：应该在div上工作的悬停选择器。

例如：

div:hover { border: 1px solid #454545; }

至于动态更改id，我会使用jQuery

jQuery(this).attr("id",newId);

如果您发布特定代码，我可以帮助您解决具体案例的语法......

Answer 4

这可以帮到你

 <div onmouseover="somefunction(<?php echo $divid ?>)"> </div>


<script>
function somefunction(id)
{
document.getElementById(id).style.border="10px #FF0000 solid";
}
</script>

在悬停时如何更改div边框

4 个答案: