做一个鼠标经过显示背景色和边框的效果?
2个回答
2013-09-07
展开全部
先在CSS里做两的CLASS类,第一个是鼠标OUT的时候,一个是鼠标OVER的时候,然后在表格里加上onmouseover="this.classname=’class1’"还有onmouseout="this.classname=’class2’"就行了。______________________________________________________________ <td width=* height="25" bgColor=’#f7fff7’ onmouseover="this.bgColor=’#e7efd6’;" onmouseout="this.bgColor=’#f7fff7’;">
这个代码就是其中的一部分,只不过没有定义成css外挂文件,做成了行内定义,意思就是表格的背景色是f7fff7,当鼠标over的时候改变背景色为e7efd6,当鼠标out的时候变回原来的颜色,如果定义的详细点就会产生更复杂的变化,比如边框等等......
这个代码就是其中的一部分,只不过没有定义成css外挂文件,做成了行内定义,意思就是表格的背景色是f7fff7,当鼠标over的时候改变背景色为e7efd6,当鼠标out的时候变回原来的颜色,如果定义的详细点就会产生更复杂的变化,比如边框等等......
2013-09-07
展开全部
原理比较简单: 我简单写了一个,没有测试,不过效果肯定和你这个差不多. <style>#ColNu
{
margin-top:30px;
width:200px;
height:150px;
float:left;
line-height:28px;
}
#ColNu a:hover
{
margin-top:5px;
padding:20px;
border:solid 1px blue;
background-color:#EFEFEF;
line-height:28px;
height:40px;
}</style><div id="ColNu"><a href="#">鼠标滑过效果</a></div><div id="ColNu"><a href="#">鼠标滑过效果</a></div> 当然方法绝对不止这一种,还可以通过JS来实现.不过也是要配合CSS
{
margin-top:30px;
width:200px;
height:150px;
float:left;
line-height:28px;
}
#ColNu a:hover
{
margin-top:5px;
padding:20px;
border:solid 1px blue;
background-color:#EFEFEF;
line-height:28px;
height:40px;
}</style><div id="ColNu"><a href="#">鼠标滑过效果</a></div><div id="ColNu"><a href="#">鼠标滑过效果</a></div> 当然方法绝对不止这一种,还可以通过JS来实现.不过也是要配合CSS
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询