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

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 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
楼主你的问题不仅是没将脚本加载 还有 <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>
xuyanquan 2013-01-30
  • 打赏
  • 举报
回复
你的页面还没加载完啊,把脚本放页面底部。

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧