给真个DIV加链接样式问题

答案:2 悬赏:40 手机版

解决时间 2021-08-11 17:37

提问者网友：人生佛魔见
2021-08-11 14:10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>给整个div加链接时候变色样式</title><style type="text/css">*{ margin:0; padding:0;}div{ margin:20px auto 0 auto; width:800px; height:500px; border:1px solid green; cursor:pointer; text-indent:24px; line-height:36px;}</style></head>
<body><div onmouseover="style.backgroundColor='#E8F5FD';"onmouseout="style.backgroundColor=''"> 我的问题是如何把这句onmouseover="style.backgroundColor='#E8F5FD';"onmouseout="style.backgroundColor=''" 写在div{}里面也能达到这个效果</div></body></html>

最佳答案

五星知识达人网友：轻雾山林
2021-08-11 15:26

最简单的办法就是用jQuery
$(function(){
    var $div_li =$("div");
    $div_li.mouseover(function(){
   $(this).addClass("selected")
    .siblings().removeClass("selected");
  })
})

全部回答

1楼网友：鱼忧
2021-08-11 16:35

div:hover{background:#E8F5FD;}

但是说明下，此方法IE6下是无效的，因为IE6下只能识别A:hover

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！