asp.net的鼠标事件 请教众高手:在asp.net中,如何编写鼠标事件?比如说:当鼠标经过文本框时、经过按钮、按下按钮、松开按钮等本人是初学者,所以回复时请略带源代码!感谢! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 通过JS控制即可下面是我以前写的一个小例子 你参考一下:主要是文本框的<html> <head> <style type=text/css>input {border-left: 1px solid rgb(80,102,70); border-right: 1px solid rgb(80,102,70); border-top: 1px solid rgb(80,102,70); border-bottom:1px solid rgb(80,102,70); font-size: 12px;background:#FFFFFF; font-weight: normal;FONT-FAMILY: georgia, arial,Tahoma,MS Shell Dlg,宋体}button{BORDER-RIGHT: #000000 1px solid;BORDER-TOP: #000000 1px solid;BORDER-LEFT: #000000 1px solid;COLOR: #000000;BORDER-BOTTOM: #000000 1px solid;HEIGHT: 20px;BACKGROUND-COLOR:#f3f3f3;} </style> <script> //实现鼠标遍历事件 var aa; var bb; function mouseOverEventHandle(e){ if(aa!=null) aa.style.backgroundColor = '#FFFFFF' if(bb!=null) bb.style.backgroundColor = '#FFFFFF' event.cancelBubble=true; var oPoint=document.elementFromPoint(event.clientX,event.clientY); if (oPoint.tagName.toLowerCase()=="input"){ oPoint.parentNode.parentNode.style.backgroundColor = '#E5F0FF' oPoint.focus() oPoint.select() bb=oPoint.parentNode.parentNode; aa=oPoint; } if(oPoint.tagName.toLowerCase()=="td"){ oPoint.parentNode.style.backgroundColor = '#E5F0FF' bb=oPoint.parentNode aa=null; } } document.onmouseover=mouseOverEventHandle; </script> </head> <body> <P> <TABLE id="Table1" height="96" cellSpacing="1" cellPadding="1" width="384" border="1"> <TR> <TD><INPUT id="Text1" type="text" name="Text1"></TD> <TD><INPUT id="Text2" type="text" name="Text1"></TD> <TD><INPUT id="Text3" type="text" name="Text1"></TD> </TR> <TR> <TD><INPUT id="Text4" type="text" name="Text1"></TD> <TD><INPUT id="Text5" type="text" name="Text1"></TD> <TD><INPUT id="Text6" type="text" name="Text1"></TD> </TR> <TR> <TD><INPUT id="Text7" type="text" name="Text1"></TD> <TD><INPUT id="Text8" type="text" name="Text1"></TD> <TD><INPUT id="Text9" type="text" name="Text1"></TD> </TR> </TABLE> </P> <TABLE id="Table2" cellSpacing="1" cellPadding="1" width="300" border="1"> <TR> <TD>asdf</TD> <TD>walka</TD> <TD>adsf</TD> </TR> <TR> <TD>adf</TD> <TD>walka</TD> <TD>adsf</TD> </TR> <TR> <TD>asdf</TD> <TD>walka</TD> <TD>adsf</TD> </TR> </TABLE> </body></html> 用javascripe来控制,只是在使用时可以结合后代码一起使用。比如在后代码中向一个控件写入js代码。例子可参见:http://www.taojoy.com主页左侧的弹出菜单,这上菜单就是用这个道理实现的。 这些和 asp.net 没有关系。 搂主没搞请bs的结构和编程思想啊,2,3楼说得多,在前台运行的代码只能用js来做。 jquery 日期控件 asp.net如何防止Files Manipulation(文件篡改)攻击?? 还是路径波浪线的问题 排序后绑定到datagrid 100分求教把Access导出到Oracle数据库的问题? 高分求关于viewState的问题,高手进啊。急.随时关注中.解决后10分钟内给分! 控件数组怎么用? 谁考虑过这个问题,进来看看 CSV 文件导入 SQL SERVER 关于web.config配置问题 如何在DataGrid中显示的项目,根据不同的值通过一个函数计算来显示? 把语句连起来
下面是我以前写的一个小例子 你参考一下:
主要是文本框的<html>
<head>
<style type=text/css>
input {border-left: 1px solid rgb(80,102,70); border-right: 1px solid rgb(80,102,70); border-top: 1px solid rgb(80,102,70); border-bottom:1px solid rgb(80,102,70); font-size: 12px;background:#FFFFFF; font-weight: normal;FONT-FAMILY: georgia, arial,Tahoma,MS Shell Dlg,宋体}
button{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
COLOR: #000000;
BORDER-BOTTOM: #000000 1px solid;
HEIGHT: 20px;
BACKGROUND-COLOR:#f3f3f3;
}
</style>
<script>
//实现鼠标遍历事件
var aa;
var bb;
function mouseOverEventHandle(e){
if(aa!=null)
aa.style.backgroundColor = '#FFFFFF'
if(bb!=null)
bb.style.backgroundColor = '#FFFFFF'
event.cancelBubble=true;
var oPoint=document.elementFromPoint(event.clientX,event.clientY);
if (oPoint.tagName.toLowerCase()=="input"){
oPoint.parentNode.parentNode.style.backgroundColor = '#E5F0FF'
oPoint.focus()
oPoint.select()
bb=oPoint.parentNode.parentNode;
aa=oPoint;
}
if(oPoint.tagName.toLowerCase()=="td"){
oPoint.parentNode.style.backgroundColor = '#E5F0FF'
bb=oPoint.parentNode
aa=null;
}
}
document.onmouseover=mouseOverEventHandle;
</script>
</head>
<body>
<P>
<TABLE id="Table1" height="96" cellSpacing="1" cellPadding="1" width="384" border="1">
<TR>
<TD><INPUT id="Text1" type="text" name="Text1"></TD>
<TD><INPUT id="Text2" type="text" name="Text1"></TD>
<TD><INPUT id="Text3" type="text" name="Text1"></TD>
</TR>
<TR>
<TD><INPUT id="Text4" type="text" name="Text1"></TD>
<TD><INPUT id="Text5" type="text" name="Text1"></TD>
<TD><INPUT id="Text6" type="text" name="Text1"></TD>
</TR>
<TR>
<TD><INPUT id="Text7" type="text" name="Text1"></TD>
<TD><INPUT id="Text8" type="text" name="Text1"></TD>
<TD><INPUT id="Text9" type="text" name="Text1"></TD>
</TR>
</TABLE>
</P>
<TABLE id="Table2" cellSpacing="1" cellPadding="1" width="300" border="1">
<TR>
<TD>asdf</TD>
<TD>walka</TD>
<TD>adsf</TD>
</TR>
<TR>
<TD>adf</TD>
<TD>walka</TD>
<TD>adsf</TD>
</TR>
<TR>
<TD>asdf</TD>
<TD>walka</TD>
<TD>adsf</TD>
</TR>
</TABLE>
</body>
</html>
例子可参见:
http://www.taojoy.com主页左侧的弹出菜单,这上菜单就是用这个道理实现的。