给整个DIV加链接样式问题。

答案:2 悬赏:20 手机版

解决时间 2021-05-03 10:59

提问者网友：放下
2021-05-03 00:58

<!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-05-03 01:55

如果用div:hover IE6下又不支持。这种写法肯定不行的。

还有另外一种做法，就是用JQuery

$(function(){    var $div_li =$("div");    $div_li.mouseover(function(){
   $(this).addClass("selected")    //当前<div>元素高亮    .siblings().removeClass("selected"); //去掉其它同辈<div>元素的高亮
  })
})

差不多吧。看具体做什么用的。

全部回答

1楼网友：洎扰庸人
2021-05-03 03:24

大哥我看你太有才了；

你那个onmouseover和onmouseout是js，怎么放的进<style type="text/css"></style>这里面！

我要举报

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