Dreamweaver中DIV划过变色,但DIV初始颜色不显示的问题
比如以下代码:<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><...
比如以下代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.over {background-color: #666666;}
.out {background-color: #CCCCCC;}
-->
</style>
</head>
<body>
<div onMouseOver="this.className='over';" onMouseOut="this.className='out';">aaaaaaaaaaaaaaa</div>
<div onMouseOver="this.className='over';" onMouseOut="this.className='out';">bbbbbbbbbbbbbbb</div>
<p> </p>
</body>
</html>
代码运行的时候鼠标移过文字的时候背景色改变,移开背景色恢复。但是当第一次打开这个页面的时候,文字是没有背景色的。
我希望的结果是,DIV模块也没一打开就有背景色,当鼠标移动上去的时候背景色改变,移走背景色恢复。这个代码该如何修改? 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.over {background-color: #666666;}
.out {background-color: #CCCCCC;}
-->
</style>
</head>
<body>
<div onMouseOver="this.className='over';" onMouseOut="this.className='out';">aaaaaaaaaaaaaaa</div>
<div onMouseOver="this.className='over';" onMouseOut="this.className='out';">bbbbbbbbbbbbbbb</div>
<p> </p>
</body>
</html>
代码运行的时候鼠标移过文字的时候背景色改变,移开背景色恢复。但是当第一次打开这个页面的时候,文字是没有背景色的。
我希望的结果是,DIV模块也没一打开就有背景色,当鼠标移动上去的时候背景色改变,移走背景色恢复。这个代码该如何修改? 展开
3个回答
展开全部
给每个div 加个 out的 class
<div class=“out” onMouseOver="this.className='over';" onMouseOut="this.className='out';">aaaaaaaaaaaaaaa</div>
<div class=“out” onMouseOver="this.className='over';" onMouseOut="this.className='out';">aaaaaaaaaaaaaaa</div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在div 里直接 加上 style="background-color: #CCCCCC;"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
每个div加 class="out"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询