怎样实现鼠标移过去背景颜色就变换的这样的效果?
软件为dreamweaverMX版,我设置了几个文本框.是用于给用户提交留言的相关信息作用的.我想实现这样的效果,当鼠标在文本框范围内的时候,文本框背景颜色就变色,鼠标移...
软件为dreamweaver MX版,我设置了几个文本框.是用于给用户提交留言的相关信息作用的.
我想实现这样的效果,当鼠标在文本框范围内的时候,文本框背景颜色就变色,鼠标移出文本框时候,文本框恢复到原来的颜色。
我鼠标右键点"编辑标签"然后进入了那个界面."事件"那里有2个选择,onmouseover和onmouseout,我知道这两个选项可以用于实现鼠标越过over和移出out.但我不知道怎么在旁边的空白处写代码?请大家帮我一下,谢谢。
刚才有一位热心的朋友告诉我用这种方式:onmouseover="this.bgColor='#eeeeee'" onmouseout="this.bgColor=''"
我去试了,没用.不过这种方法倒是在表格中的单元格可以起作用。
文本框的背景颜色设置我知道是用style="background-color:#0066cc"就可以改变背景颜色,但不知道在onmousemove或onmouseOver下怎么写就可以动态变呢?
你的答案太复杂了,但仍然谢谢你。
我已经知道怎么用了,
就是在那里输入onMouseOver=this.style.backgroundColor="ffffcc"(比如这个颜色)就可以实现鼠标滑过的颜色. 展开
我想实现这样的效果,当鼠标在文本框范围内的时候,文本框背景颜色就变色,鼠标移出文本框时候,文本框恢复到原来的颜色。
我鼠标右键点"编辑标签"然后进入了那个界面."事件"那里有2个选择,onmouseover和onmouseout,我知道这两个选项可以用于实现鼠标越过over和移出out.但我不知道怎么在旁边的空白处写代码?请大家帮我一下,谢谢。
刚才有一位热心的朋友告诉我用这种方式:onmouseover="this.bgColor='#eeeeee'" onmouseout="this.bgColor=''"
我去试了,没用.不过这种方法倒是在表格中的单元格可以起作用。
文本框的背景颜色设置我知道是用style="background-color:#0066cc"就可以改变背景颜色,但不知道在onmousemove或onmouseOver下怎么写就可以动态变呢?
你的答案太复杂了,但仍然谢谢你。
我已经知道怎么用了,
就是在那里输入onMouseOver=this.style.backgroundColor="ffffcc"(比如这个颜色)就可以实现鼠标滑过的颜色. 展开
1个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.tt
{background:#C5E9FF;border:1px solid #224787}
.aa
{background:#FFFF99;border:1px solid #224787}
</style>
</HEAD>
<BODY>
<input type="text" class="tt" onmouseover="this.className='aa'" onmouseout="this.className='tt'">
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.tt
{background:#C5E9FF;border:1px solid #224787}
.aa
{background:#FFFF99;border:1px solid #224787}
</style>
</HEAD>
<BODY>
<input type="text" class="tt" onmouseover="this.className='aa'" onmouseout="this.className='tt'">
</BODY>
</HTML>
参考资料: http://www.eleven.com.cn
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询