为什么鼠标经过换色区域没有效果。。

a86965921a 2013-01-30 04:44:31

<!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>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="application/javascript">
$(".ddd").hover(
function () {
$(this).css({"background-color":"red","font-size":"200%"});

},
function () {
$(this).css({"background-color":"red","font-size":"200%"});

}
);

</script>
</head>

<body>
<div style="width:500px; height:200px; position:relative; background:#C30;">
<div style="width:250px; height:200px; position:absolute; left:0px; top:0px; background:#000; z-index:9;"></div>
<div style="width:250px; height:100px; position:absolute; left:100px; top:55px; background:#00F;">
<a style="width:230px; height:60px; position:absolute; left:100px; top:0px; background:#FF0; z-index:9999; display:block; " class="ddd"></a>
</div>
</div>
</body>
</html>

...全文

286 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

魔术世界中文版 2013-01-30

打赏
举报

楼主你的问题不仅是没将脚本加载还有 <script type="application/javascript"> 换成 <script type="text/javascript">


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(function(){
		$(".ddd").hover(
			function () {
				$(this).css({"background-color":"red","font-size":"200%"});
			}, 
			function () {
				$(this).css({"background-color":"blue","font-size":"50%"});
			}
		);
	});
</script>
<a style="width:230px; height:60px; position:absolute; left:100px; top:0px; background:#FF0; z-index:9999; display:block; " class="ddd">123</a>

qqqqqqqq_2013 2013-01-30

打赏
举报

1楼没错，不过2楼更好...

fzfei2 2013-01-30

打赏
举报

$(function(){ $(".ddd").hover( function () { $(this).css({"background-color":"red","font-size":"200%"}); }, function () { $(this).css({"background-color":"red","font-size":"200%"}); } ); })

dencey 2013-01-30

打赏
举报

你的script执行时后面的元素还没加载，所以事件是没有绑定到的，这样就可以了

<script type="application/javascript">
$(document).ready(function() {

$(".ddd").hover(
  function () {
    $(this).css({"background-color":"red","font-size":"200%"});

  }, 
  function () {
     $(this).css({"background-color":"red","font-size":"200%"});

  }
);

});

</script>