<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>code by meixx</title>
<script language="JavaScript">
<!--
var selectRow=null;//记录上一次click过的行
var pointRow=null;//记录上次mouseover过的行function moveRow(src){
if(pointRow!=null)
pointRow.style.backgroundColor="#FFFFFF";
if(src!=selectRow){
pointRow=src;
pointRow.style.backgroundColor="#B6D3FC";
}
}
function clickRow(src){
if(selectRow!=null){
selectRow.style.backgroundColor="#FFFFFF";
selectRow.style.color="#000000";
}
selectRow=src;
selectRow.style.backgroundColor="#0000FF";
selectRow.style.color="#FFFFFF";
pointRow=null;
}
function testOut(src){
event.cancelBubble = true;
//alert(window.event.srcElement.tagName);
}
//-->
</script></head><body>
<table onmouseout="testOut(this)" width="100%" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse" bordercolor="#000000">
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>code by meixx</title>
<script language="JavaScript">
<!--
var selectRow=null;//记录上一次click过的行
var pointRow=null;//记录上次mouseover过的行function moveRow(src){
if(pointRow!=null)
pointRow.style.backgroundColor="#FFFFFF";
if(src!=selectRow){
pointRow=src;
pointRow.style.backgroundColor="#B6D3FC";
}
}
function clickRow(src){
if(selectRow!=null){
selectRow.style.backgroundColor="#FFFFFF";
selectRow.style.color="#000000";
}
selectRow=src;
selectRow.style.backgroundColor="#0000FF";
selectRow.style.color="#FFFFFF";
pointRow=null;
}
function testOut(src){
event.cancelBubble = true;
//alert(window.event.srcElement.tagName);
}
//-->
</script></head><body>
<table onmouseout="testOut(this)" width="100%" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse" bordercolor="#000000">
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></body>
</html>
解决方案 »
- js 与as3.0之间怎么传递参数
- 怎样把一个文本框的名字传到另一个文本框里?
- 求一脚本效果。。。。。
- 突出显示当前导航背景
- 各位高人,如何实现页面不同风格的动态变换???解决之后立马给分!!!
- 求助
- 用javascript实现字体等效果。
- window.open()总是弹出一个新的窗口,如何对弹出的新窗口进行判断,如果它存在就刷新,如果不存在才弹出?
- 如何实现菜单(不一般的哦)
- 如何实现下列功能:在一个TEXT中输入“1“时,下拉框显示头一个字符是1的项目,接着在TEXT中输入2时,下拉框显示头2个字符是12的项目?以此类推
- onchange input 事件 出错。请帮手
- 怎样做html表单的radio选择验证,比如用户注册时选择性别,怎样判断有没有选择其中一个
<head>
<script language="javascript">
var htmlArray=new Array();
htmlArray[0]='<input type="radio" name="Number">';
htmlArray[1]='<select name="field" id="field"><option value="age" selected>年龄</option><option value="name">名称</option></select>';
htmlArray[2]='<select name="condition" id="condition "><option value=">" selected>大于</option><option value="<">小于</option><option value="=">等于</option><option value=">=">大于等于</option><option value="<=">小于等于</option></select>';
htmlArray[3]='<input name="v" type="text" id="v">';
htmlArray[4]='<select name="condition2" id="condition2"><option value="and">和</option><option value="or">与</option></select>';
function add_row()
{
var tb=document.all.sqd;
var newRow=tb.insertRow();
newRow.insertCell();
newRow.insertCell();
newRow.insertCell();
newRow.insertCell();
newRow.insertCell();
for(var i=0;i<newRow.cells.length;i++)
newRow.cells[i].innerHTML=htmlArray[i];
}
function del_row()
{
var chks=document.getElementsByName("Number");
if(chks.length==0){alert("没有可以删除的行!"); return;}
var rowindex=-1;
for(var i=0;i<chks.length;i++){
if(chks[i].checked){ rowindex=i; }
}
if(rowindex<0){alert("没有选择要删除的行!"); return;}
if(confirm("真的要删除第"+eval(rowindex+1)+"行吗?"))
document.all.sqd.deleteRow(rowindex);
}
</script>
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50"><input type="button" value="增加" onClick=add_row()></td>
<td width="50"><input type="button" value="插入"></td>
<td width="50"><input type="button" value="删除" onClick=del_row()></td>
<td width="50"></td>
</tr>
</table>
<table width="600" border="1" cellspacing="0" cellpadding="0" id="sqd"></table>
</body>
</html>